Movie Hub

View Demo · Report Bug · Request Feature

Table of Contents

1. Prerequests
2. Third Party libraries used
3. Todo

Home Page

Watch Page

Prerequests

• Create an account if you don't have on TMDB. Because I use its free API to consume movie/tv data.
• And then follow the documentation to create API Key
• Finally, if you use v3 of TMDB API, create a file named .env, and copy and paste the content of .env.example. And then paste the API Key you just created.

Third Party libraries used

• react-router-dom@v6.9
• Chakra UI
• Redux Toolkit
• React Youtube

Todo

• Demonstrates basic usage of the TMDB API.
• Demonstrates basic usage of the React, Router, Redux-toolkit, context, Custom hooks.
• Browse the most popular movies.
• Watch the trailer for the movie。
• Responsive UI experience。