- create-react-app
- configured TailwindCSS
- Header
- Routing
- 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 pictur update
- BugFix : if the user is not logged in redirect/browse to login page and vice-versa
- Unsubscribe to the onAuthStateChanged callback
- Add hardcoded values to constant file
- Register TMDB API and create an app and get access token
- Get Data from TMDM now playing movies list API
- custom Hook for NOW PLAYING movies
- Create movieSlice
- Update Store with movies data
- Planning for maincontainer and 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
- Build Secondary Component
- Build Movie List
- Build Movie Card
- TMDB image CDN URL
- Made the browse page amazing with tailwind css
- use more custom hooks
- GPT Search Feature
- GPT search page
- GPT search Bar
- Multi-language feature in our app
- added memoization to our app
- made app responsive for different size devices
-
Login/Sign Up
- Sign In/ Sign Up Form
- redirect to Browse Page
-
Browse (after authentication)
- Header
- Main Movie
- Trailer in background
- Title and description
- MovieSuggestions
- MovieLists * N
-
NetflixGPT
- Search bar
- Movie suggestions