Skip to content
Sri-Ni edited this page Sep 28, 2016 · 2 revisions

Welcome to the cnemas wiki!

Project Specifications

API stack: 

Use themoviedb.com APIs at http://api.themoviedb.org/  

Specification:

  1. A site wide Navbar/Sidebar/both directive (both is preferred)
  2. A site wide Footer Directive
  3. A site wide Breadcrumbs Directive that show path relative to your current route progress. (For example: if user searches for a movie via the search bar and then click on one of the search results. Breadcrumbs could be like Home > Search > SearchResults > Movie Title)
  4. A site wide Alerts Directive to show API success and error calls with meaningful status messages. [You can show a toast/ alert message]
  5. A site wide search bar to search by movie name that opens the search view with the results.

With the following views:

  1. A view that shows the list of recent/popular movies [with links to open a movie in a new view – the movie view] 
  2. Visualizations: Either showing the list of movies by genre (or) the other ranking the list of movies by popularity (or) if there is another better alternative. Will be good to have a filter for the data showing in the visualization.

  3. The search view that shows the list of movies corresponding to the search query [with links to open the movies in a new view – the movie view].
  4. A movie view that has all the details about the movie including the poster.



Technology stack:


  • Use AngularJS (v1.5 preferred)

  • Use TypeScript/JavaScript

  • Any Bootstrap framework/Angular Material Design framework (SASS preferred over CSS)

  • Any scaffolding tool.
  • Any build tool.

  • Any package management solution (NPM + bower, NPM + webpack or …)
  • Any visualization library/tool Note: Visual design and application styling are left entirely to choice.