- Create React app
- Configure Tailwind css
- 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 user slice
- Implement Sign out
- Update Profile
- Bug Fix: Sign up user display name & profile picture update
- Bug Fix: If the user is not logged in Redirect /browse to the Login Page and vice-versa
- unsubscribed to the onAuthStateChanged callback
- Add hardcoded values to the constant 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 main container & secondary container
- Fetch data for Trailer Video
- Update store with Trailer video data
- Embedded YouTube video and make it auto-play & mute
- Tailwind classes to make the main container look awesome
- Build a Secondary container
- Build Movie List
- Build Movie card
- TMDB Image CDN URL
- Made the browse page amazing with Tailwind css
- usePopularMovies custom hook
- GPT Search Page
- GPT Search Bar
- Multi-Language Feature
=
- Login/Sign Up
- Sign In- Sign Up Form
- redirect to browse page
- Browse (after authentication)
- Header
- Main Movie
- Trailer in background
- Title & description
- MoviesSuggestions
- MovieLists * N
- NetflixGPT
- Search bar
- Movie Suggestion
-
main container
🌟Video Background 🌟Video Title -
secondary container 🌟movie list * n 🌟cards * n