Prepositions Visualization

This web app was built using the three js library and displays Spanish prepositions (e.g. encima de, sobre, al lado de, debajo de, delante de) in their respective spatial locations. As a beginer Spanish learner, it helped me remember the terms in a hands-on, visual way. Drag, scroll, and use the arrow keys to navigate the space. Be sure to check inside the house!

How to run locally:

1. Clone this repo
2. Run npm install to install dependencies
3. Run npm run build to compile the build file with webpack
4. Launch index.html on a local server

Project Takeaway:

I gained a greater understanding of package management technologies, namely npm, browserify, and webpack. Three JS seemed overwhelming to use in the beginning, but with a bit of dedication to reading the docs, it turned out to be a really fun tool!