frankly034/moviemania

A Simple Angular Movie Listing Application

Moviemania

This is an Angular app to help people search through movies by categories, search for specific movies and preview movie details. Its a simple app to demostrate the basic features of the angular framework.

Table of Contents

• Movie Features
• Concepts and Apis Employed
• Built with
• Mock Designs
• Live Preview
• Required Installations
• Installation of This App
• License
• Contact
• Acknowledgements

Movie Features

• A user upon visiting the app, sees a list of movies in various categories with an option to view more apps in a particular category.
• Users can also preview a specific movie to see more details.

Concepts and APIs Employed

• The API employed for movie information was gotten developed by TMDB here.
• Official API documentation for the movie db can be found here
• This app demonstrates the use of basic concepts of Angular Application
  • Modules
  • Compnents structuring
  • Shared components
  • Pipes
  • Guards
  • Routing
  • Two way binding
  • Services
  • HttpModule
  • rxjs (Observables)

Built with

• HTML5
• CSS3
• JavaScript
• Angular

Mock Designs

See mock design guides for the app below;

• Home Screen.
• Movie Category List Screen.
• Single Movie View Screen.

Live Preview

Find the live version here. Below is a screenshot of what it looks like.

moviemania-demo.mp4

Required Installations

• Npm

Installation of This Repository

Once you have installed the required packages shown on the Required Installations, proceed with the following steps

Clone the Repository

your@pc:~$ git clone git@github.com:frankly034/moviemania-app.git

Move to the downloaded folder

your@pc:~$ cd moviemania

Install all packages

your@pc:~$ npm install

Open the app

your@pc:~$ npm start

License

Distributed under the MIT License. See LICENSE for more information.

Contact

• 🇳🇬 Lewis Ugege - franklynugege@gmail.com | Github Account | Twitter | Linkedin |

Acknowledgements

• TMDB and God Almighty .