I’ve been experimenting with where to put js/css files in my directory structure. I think that it should go within the WEB-INF directory but that doesn’t seem to work. Putting them in Web Pages isn’t working either.
Where do I put publicly visible resources like JS/CSS/Images ?

They need to be at the root of your web context.
I don’t know what Eclipse puts into your WAR file, but they should be in a path relative to its root.