- Create React App
- Configured TailwindCSS
- Header
- Login Form
- Sign up From
- Form Validation
- UseRef Hook
- Firebase Setup
- Deploying our app to production
- Create SignUp User Account
- Imple,ent Sign In user API
- Created Redux Stores with userSlice
- Implemented Sign out
- Update Profile
- BugFix: Sign up user displayName and profile picture update
- BugFix: If the user is not logged in Redirect /browse to Login Page and vice-versa
- Unsubscribed to the onAuthStateChanged callback
- Add hardcode values to the constasnt file
- Register TMDB API & create an app & get access token
- Get data from TMDB now playing movie list
- Custom Hook for now playing movies
- Create a movie slice
- Update Store with movies Data
- Planning for MainContainer & secondary container
- Fetch Data for Trailer Video
- Update Store with Trailer Video Data
- Embeded the Youtube Video and make it autoplay and mute
- Added Tailwind classes to make main contianer awesome
- Build Secondary Component
- BUild Movie List
- Build MOvie Card
- Find out TMDB CDN URL
- Made the browse page amazing with Tailwind CSS.
- usePopularMovies custom hooks
- GPT Search feature
- GPT Search Bar
- (BONUS) Multi Language Feature in our App
- GPT Search Open AI Api Key
- Gpt Search API Call
- fetched gptMoviesSuggestions from TMDB
- created gptSlice added data
- Reused Movie List Component to make movie suggestion container
- Memoization
- Added .env file
- Adding .env file to gitignore
- Made our Site Responsive
-
Login/Sign Up
-
Browse (after authentication)
- Header
- Maine Move
- Trailer in background
- Title & Description
- MovieSuggestions
- MoveLists
-
NetflixGPT
- Search Bar
- Movie Suggestions