- Create React App
- Configured the Tailwind css
- Header
- Routing of App
- Login Form
- Signup 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 feature
- update Profile API call
- BugFix : Sign up user displayName and profile 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 constant files
- Registered for TMDB API and created an app & got access token.
- Get data from TMDB now plying movies list API.
- Created Custom Hook for nowPlaying Movies.
- Create Movie SLice
- Update store with movies Data.
- Planning for MainContainer & secondary container.
- Update store with Trailler Video Data.
- Embedded the youtube video and made it mute and autoplay.
- Made MainContiner beautiful with Tailwind.
- Build Secondary Component
- Build Movie List
- Built Movie Card
- TMDB image CDN URL
- Made the browse page amazing with Tailwind CSS
- Made all Genres custom Hooks and displayed them
- GPT search Feature
- GPT Search Bar
- Multi-language feature in our app.
- GPT searxh Open AI API key
- GPT search API call
- Fetched GPT movie Suggestions from TMDB
- Created GptSLice & added the data.
- Reused movieList component to make suggestion container
- Memoization
- added .env file
- addidng .env file to .gitignore
- made the site responsive
-
Login / signup page
- contains a sign in / sign up form
- Redirect to Browser Page
-
Browse page (after authentication)
- Header
- Main Movie
- Tailer in the Background
- Title & description of the Trailer
- Movie Suggestions
- Movies list * n
-
Netflix GPT
- search Bar
- Movie suggetsion