- Create React App
- Configured TailwindCSS
- Header
- Login Form
- Signup Form
- Form Validation
- useRef Hook
- Firebase Setup
- Deploying Our app to production
- Create SignUp user account In Firebase
- Implement Sign in User API
- Created Redux Store and User Slice
- Implemented SignOut
- BugFix : Signup User disPlayName and Profile Picture Updated
- Bugfix : If the user is not signed in Redirect /browse to Loginpage and vice versa.
- Unsubscribed to the UnauthStateChanges callback
- Add hardcoded values to the constants file
- Register TMDB API and Create an app & get acess token
- Get Data from TMDB now playing movies list API
- Custom Hook for now playing movies list
- Created movieSlice
- Updated the store with moviedata
- Planning for MainContainer and SecondaryContainer
- Fetch Data for Trailer Video
- Embeded the Youtube Video and Make it autoplay and mute
- Tailwind classes to make MainContainer look awesome
- Build the secondary Component
- Build Movie List
- Build Movie Card
- TMDB Image CDN URL
- Made the Browser Page amazing with Tailwind Css
- Created usePopularMovies Hook and it to the MovieSlice
- Created useTopRatedMovies Hook and it to the MovieSlice
- GPT search Feature
- Login/Sign Up
- Sign In/ Sign Up Form
- redirect to Browse Page
- Browse (After Authentication)
- Header
- Main Movie
- Trailer in Background
- Movie Title and Description
- Movie Suggestions
- Movie Lists (N numbers)
- Movie Suggestions
- NetFlixGPT
- Search Bar
- Movie Suggestions