Cefalo Movie Mania

A movie catalog website based on the data provided from The Movie Database (TMDb).

First Look

App Screenshot

Installation

Angular requires an Active LTS or maintenance LTS version of Node.js.

  • Download and install Node.js and npm package manager from Node.js Official Site

    To check your node and npm version run below command

node -v
npm -v
In my case node version: 16.13 and npm version: 8.1.4
  • Install the Angular CLI
npm install -g @angular/cli
  • Clone or download the project
  • Go to downloaded folder
  • Open command prompt/Open in VSCode. and write command
npm install

If you get any error or got stuck then please try to run npm install again. If no luck then try to remove node_modules, package.lock.json file then try to run npm install

  • After complete it. write .
ng serve --open

This command will open the project in browser

Other Commands

Command Purpose
ng serve To run angular project
ng lint To check lint error/status
ng test --code-coverage To run tests and see coverage
ng build To build the project
nhscoder@gmail.com For further help

Features

  • Listing of all the movie genres based on the TMDb API.
  • Random 5 movie names along with its poster image for each movie genre.
  • Listing of top 10 movies in this genre
  • The movie detail page
  • Movie wish list
  • Listing of recently visited movies, based on my page view on movie detail page
  • The trailer video of a movie in the movie detail page

Screenshots

Top 10 movies by genre

Movie Detail Page

Top Casts and Crews

Recommended Movies

Recently Viewed

My Wish List

Test Coverage

Authors