Video library web app with AI assistant integrations built in React.js

Live Preview

About

Features include:

• User Authentication,
• Light and Dark mode,
• API calls with Axios and Redux,
• Actors and Movie Details Page,
• Watchlist and List of Favorite Movies,
• Movie Search Functionality,
• Alan AI Voice Functionality and many more.

Alan works as an in-app voice assistant for the project.

Try clicking on the blue mic icon on the bottom right of the page and try saying, "Search Batman" or "Make it light/ Make it dark" or say "Surprise me".

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

List of things you need to use and how to install them:

• npm

  npm install npm@latest -g

Installation

Setup:

1. Get a free TMDB API Key at https://www.themoviedb.org/.

2. Clone the repo:

3. Install NPM packages:

   npm install

   Note: If you get the peer dependency error :

   npm install --legacy-peer-deps

4. Create your .env file as it is instructed in .env.example.

5. Enter your TMDB API key in your .env.

   REACT_APP_TMDB_KEY=<put your key here>

Usage

For more detailes regarding TMDB API calls, please refer to the Documentation.