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.):
-
Run
npm install
to install all the node dependencies. -
Apply for and obtain an API key from The MovieDB's developer page.
-
Open
app-config.js
, edit the value forapiKey
with your newly obtained API key. -
Run
npm start
to precompile the Handlebars templates, and start the http server. -
Go to
http://localhost:3000
. -
Search away, friend.
- Displays popular movies on first load, and on the base route.
- Searching for movies, displaying relevant attributes like buget, runtime, votes, etc.
- Cast and Crew information.
- Responsive CSS design via media queries, CSS flexbox, etc.
- HTML, CSS, JavaScript
- jQuery
- Backbone.js
- Handlebars.js
- Lodash.js
- Font Awesome
- Bootstrap
- Clean up CSS code using a pre-processor like Less.