Today we’ll build a simple movie search app with Angular 1.3. Users will be able to search for a movie and view movie details. We’ll use Materialize, a material design framework, for our styles. Our app will have two main views:
- A search view that will allow a user to enter in a text input and search for a movie using the Rotten Tomatoes API and see a card of the results.
- A detail modal view for the movie details that will show all the meta information about the movie and can be deep linked to.
To get started we’ll set up our project using
npm init and
bower init, walk through the prompts, declare our dependencies and run
npm install && bower install. We’ll use gulp for our build tasks.