- Create React APP
- Configured TailwindCSS
- Header
- Routing of App
- Login Form
- SignUp Forms
- Form Validation
- useRef Hook
- Firebase Setup
- Deploying our app to production
- Create SignUp in User Account
- Implement Sign In user API
- Created Redux Store with userSlice
- Implemented Sign Out
- Update Profile
- BugFix: Sign p user displayname and profile picture update
- Bugfix: if the user is not logged in redirect /browse to login page and vice-versa
- Unsubscribe to the onAuthStateCbanged 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 NowPlaying Movie
- Create movieSlice
- Update store with movies data
- Planning for MainContainer & 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
- Built Secondary Component
- Built Movie List
- Built Movie Card
- TMDB Image CDN
- Made Browse Page amazing with tailwind css
- Created custom hooks usePopularMovie, useTopRatedMovie, useUpcomingMovie
- AI Search Page
- AI Search Bar
- (BONUS) Multi-language Feature in our App
- Get AI API Key
- AI Search API Call
- Fetched AI Movie Suggestions from TMDB
- Created geminiSlice added data
- Reused Movie List Component to make movie suggestion container
- Memoization
- Added .env file
- Added .env config to deployment
- Mobile Responsiveness
- Login / SignUp
- Sign In / Sign up Form
- Redirect to Browser Page
- Browser (after authentication)
- Header
- Main Movie
- Trailer in Background
- Title & Description
- Movie Suggestions
- Movie List * N
- NetflixGPT
- Search Bar
- Movie Suggestions