- create-react-app project name
- install tailwind CSS
- Header
- routing
- Login Form
- SignupForm
- 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
- implementd 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 onAuthStateChange callback
- Add hardcoded values to the constants value
- Register TMDB API & create an app & get access token
- Get data from TMDB now playing movies list API
- custom hook for Now Playing movies
- create a movie slice
- update the store with data
- Planning for Main container and secondary container
- fetch data trailer video
- update the store with trailer video data
- embeded 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
- usePopulareMovies custom hook
- GPT Search Feature
- GPT Search Bar
- (Feature) Multi-language Feature in our App
- Integrate GPT API's
- gpt search API Call
- memoization
- Fetched movies suggestions from TMDB
- created GPT SLICE
- reused movies list component to make movie suggestion container
- .env file
- Made our site Responsive
-
Login/signup page
- signIN/signUp Form
- redirect to Browse page
-
Browse page (after aunthetication ) -header -Main movie
- Trailer in Background
- Title & Description
- MovieSuggestion -MovieList * N
-
NetflixGPT -Search Bar -Movie Suggestions