/movie-watchers

Get all the information about movies and TV shows.

Primary LanguageJavaScriptMIT LicenseMIT

Kookoo Logo
MovieWatchers - Find Something to Watch

MovieWatchers is an app in which you can:
  • Search for movies and TV shows.
  • Get ratings and reviews of movies and TV shows by TMDB users.
  • Get the list of popular movies and TV shows.
  • Get the list of toprated movies and TV shows.
  • Get the list of all the upcoming movies
  • Get the list of movies that are in the cinemas right now.
  • Get the list of on air TV shows.
  • Get the list of TV shows airing today.
  • Filter movies and TV shows by genre.
  • Get recommendations that are similar to a movie or TV show in the Movie or TV show details page.

Take a look at the live version here: https://moviewatchers.netlify.app/

Technologies Used

This project is built using:

  • ReactJS
  • React Router V6
  • Redux
  • Redux-Thunk

Development Workflow

Steps to run this application locally:

  1. Start by cloning the repository into your local file system.

    git clone https://github.com/SukhjinderArora/movie-watchers.git
  2. CD in to the project directory

    cd movie-watchers
  3. Open the repository in your favorite code editor.

  4. Rename the .env.example to .env and set up all the environment variables mentioned in that file.

  5. Finally run this command to start the application:

    npm start

    This command starts a local development server, opens application in your default browser, and watches for changes via livereload.

  6. Optionally, you can use npm run build to build the production version of the application.

Screenshots

Home Page

ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot

Movie Details Page

ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot

Search Page

ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot

Movies Page

ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot

TV Shows Page

ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot ScreenShot

Responsive Design

This is web app is fully responsive to devices of all screen sizes. For example:

Deploying To Netlify

Follow this guide to deploy the application to Netlify: https://docs.netlify.com/get-started/#deploy-a-project-to-netlify

Credits:

This app uses :

License

MIT License