- 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 logged in redirect /browse to login page and vice-versa
- Unsubscribed to the onAuthStateChanged callback
- Add hardcode values to the constants file
- Register TMDB API & create an app & get access token
- Get Data from TMDB now playing movies list API
- Created Hook for Now Playing Movies
- Create movieSlice
- Update Store with movies Data
- Planning for MainContainer & secondary container
- Fetch Data for 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 URL
- Made the Browse page look better with Tailwind CSS
- usePopularMovies Custom Hook
- GPT Search Page
- GPT Search Bar
- Multi-Language Feature for GPT Page
- Get 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 to gitignore
- Made our Site Responsive
- Login/Sign Up
- Sign In / Sign Up Form
- redirect to Browser Page
- Browse (after authentication)
- Header
- Main Movie
- Trailer in Background
- Title & Description
- Movie Suggestion
- MovieList * N
- Netflix-GPT
- Search Bar
- Movie Suggestions