MovieIdea can be used everytime you wanna watch a movie, but are unsure about which one. The site consists of a simple and lightweight user interface, and extremly easy to use. This project had some specific topics, which was my main focus area that I was trying to address as a part of my learning journey. Those parts was the following:
- Fetching from a external API endpoint - from TMDb in this case.
- Develop a filter - and sorting functionality giving the user different settings availabel.
- Handling a considerable amount of data with great perfomance.
- Advanced DOM manipulation in terms of creating, injecting, transversing and deleting items.
- A single DOM UI where JS is handling different states, subsites etc.
- User navigation through keyboard interaction.
This site is only using the noUIslider libary to create the range slider.
No other libary - or framework was used to handle css or js.
All css settings, js configuration etc. is custom coded, and is considered as a learn-by-doing challenge.
- npm - as package manager
- grunt - as task runner
- SASS - as preprocessor
- git - as version control system
- Choose a directory where you want to install MovieIdea
- "git clone git@github.com:matis-dk/movieidea.git"
- Enter root folder and "npm install --save-dev"
- Write "grunt" to run the express / nodejs server
- nodejs
- gitbash