Movie_Listing_Webapp

GitHub issues GitHub forks GitHub stars

Features

  • LogIn, SignUp and LogOut

    • google authorization is also available while signIn

  • Search movies via Keywords

  • Get the following details for a specific movie:

    • Runtime
    • Release Date
    • Votes
    • Genres
    • Description
    • Cast
    • Languages Spoken
    • Production Companies
  • Add/Remove Favourites

It uses The Movie DB API for movie listing, searching, and to fetch details for the selected movie.

Get Started

  • Fork the repository. With the repository forked, you’re ready to clone it so that you have a local working copy of the code base.
  • Clone the Repository.

Server Setup...

Here , the root folder is the server folder and the client folder contains the frontend part of this webapp. So to run the server :

  • You will need a .env file in the root folder for the system to run successfully. An example for the .env file has been written in .env.example. Modify the environment variables as you need and required before starting. Set NODE_ENV to development while running it in development mode.
  • Then in the root directory , to run the server :
npm install
npm start

Server should start running!.

Frontend Setup...

  • Change the directory to client (cd client) and run:
npm install
npm start

server will run in port 5000 and frontend will request to 5000 port itself due proxy url in package.json file.

Screenshots :

Login/Signup Screen

Login/SignUp

Home Screen

Search

Movie Screen

Movie

Favourites Screen

Favourites