The MovieDB API Search

This fully client-side application leverages the The MovieDB API to allow users to search for a movie:

Detailed information about the movie can be displayed as well (*Sting* was in Lock, Stock? Wow.):

Setup

1. Run npm install to install all the node dependencies.

2. Apply for and obtain an API key from The MovieDB's developer page.

3. Open app-config.js, edit the value for apiKey with your newly obtained API key.

4. Run npm start to precompile the Handlebars templates, and start the http server.

5. Go to http://localhost:3000.

6. Search away, friend.

Features

1. Displays popular movies on first load, and on the base route.
2. Searching for movies, displaying relevant attributes like buget, runtime, votes, etc.
3. Cast and Crew information.
4. Responsive CSS design via media queries, CSS flexbox, etc.

Technologies Used

• HTML, CSS, JavaScript
• jQuery
• Backbone.js
• Handlebars.js
• Lodash.js
• Font Awesome
• Bootstrap

TODO

• Clean up CSS code using a pre-processor like Less.