Netflix GPT
Create React App
Configured TailwindCSS
Header
Routing of App
Login Form
Sign up Form
Form Validation
useRef Hook
Firebase Setup
Deploying our app to production
Create SignUp User Account
Implement Sign In user Api
Created Redux Store with userSlice
Implemented Sign out
Update Profile
BugFix: Sign up user displayName and profile picture update
BugFix: if the user is not looged in Redirect/browse to Login Page and vice-versa
Unsubscribed to the onAuthStateChanged Callback
Added harcoded values to the constant files
Get Data from TMDB now playing movies list API
Unsubscibed to the onAuthStateChanged callback
Add hardcoded values to the constants file
Register TMDB API & create an app & get access token
Get Data from TMDB now playing movies list API
Custom Hook for Now Playing Movies
Create movieSlice
Update Store with movies Data
Planning for MainContauiner & secondary container
Fetch Data for Trailer Video
Update Store with Trailer Video Data
Embedded the Youtube video and make it autoplay and mute
Tailwind Classes to make Main Container look awesome
Build Secondary Component
Build Movie List
Build Movie Card
TMDB Image CDN URL
Made the Browse Page amazing with Tailwind CSS
usePopularMovies Custom hook
useTopRatedMovies Custom hook
GPT Search Page
GPT Search Bar
(FEATURE) Multi-Language Feature in GPT-search App
Get Open AI Api key
Gpt Search Api Call
fetched gptMoviesSuggestions from TMDB
created gptSlice added data
Reused MovieList Component to make movie suggestion container
Memoization
Added .env file
Adding .env file to gitignore
Made our Site Responsive
useTrendingOfTheDay Custom Hook
useTrendingOfTheWeek Custom Hook
useUpComingMovies Custom Hook
created MovieDetails
Features
Login/Sign Up
Browse (after authentication)
NetflixGPT
Project Setup
Before starting the project please add .env file and add TMDB and OPENAI KEY into it.
