Reactflix Movies App - CWR

Reactflix Movies App to search movies, save movies to favorites, create a movies watchlist and browse movies by categories to include several genres.

Main Features:

• Consumes TMDB APIs
• Authentication via The Movie Database API
• Browse movies by Category or Genres
• Pagination for all Movie Lists
• Movie Information Page w/cast of Actors and Recommended Movies
• Actor Information Page to include Movies List for that Actor
• Watch Movie Trailers via Modal
• Search Movies by Title
• Profile Page for Authenticated Users
• Create, Save or Delete Movies from Watchlist
• Add or Remove Movies to/from Favorites
• Voice capabilities to search & navigate using Alan

Tech Stack:

• React JS v17.02 Bootstrapped with Create React App.
• Material UI
• Material Styles
• Material Icons
• Redux Toolkit
• RTK Query
• React-Redux
• React-Router V5
• Alan AI - React
• AXIOS

Getting Setup:

1. Get the source code

You need to clone the master branch of then navigate to the project folder.

2. Install dependencies

You will need to install the dependencies listed in the package.json

npm install

or

yarn install

3. Setup Account with TMDB & ALAN

Go here TMDB to set up a account then you will need to request a API KEY.

Go here ALAN to set up a free account. Once you create a new project, you will see an 'Integrations' button where you can find the code to implement into your project.

4. Set Environment Variables

You'll need to set your TMDB API key in the environment variable file so your project runs correctly. Rename .example.env file to .env and place your TMDB API key there. Be sure to remove the '#' sign prepending the variable names.

5. Run The App

To start the app

npm start

or

yarn start