- 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 Sign Up User Account
- Implement Sign In User API
- Create Redux Store with userSlice
- Implemented Sign Out
- Update Profile
- Fetch from TMDB Movies
- 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 hardcoded values to the constants file
- Register TMDB API and create an app and get access token
- Get data from TMDB now playing movies list API
- Custom Hook for Now Playing Movies
- Create moviesSlice
- 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 CSS to make MainContainer look awesome
- Build SecondaryContainer
- 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 in our App
- Get Gemini AI Api Key
- Gpt Search API Call
- Fetched gptMoviesSuggestions from TMDB
- Created gptSlice added data
- Resused Movie List component to make movie suggestion container
- Memoization
- Added .env file
- Adding .env file to gitignore
- Made our Site Responsive
- Login/Signup
- Sign In/Sign up form
- redirect to browse page
- Browse (after authentication)
- Header
- Main movie
- Trailer in background
- Title and description
- Movie suggestions
- MovieLists * N
- Netflix GPT
- Search Bar
- Movie Suggestions
React Form Library - https://formik.org/