Netflix-GPT

• Create-react-app
• Configured TailwindCSS
• Header
• Routing
• Login Form
• SignUp Form
• Form Validation
• useRef Hook
• Firebase SetUp
• Deploying our Project
• Create Sign Up User Account
• Implement Sign In user API
• Created Redux store with userSlice
• Implemented Sign Out
• Update Profile API
• Fetch movies from TMDB
• 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
• Unsubsribed to the onAuthStateChanged callback
• Add Hardcodeed values and string to Constant file
• Register TMDB API & create app & get access token
• Get Data from TMDB now playing movies list API
• Custom Hook for Now Playing Movies
• Create movieSlice
• Update Store with movies Data
• Planning for MainContainer & secondary container
• Fetch Data for Trailer Video
• Update Store with Trailer Video Data
• Embedded the Yotube 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 Browsre page amazing with Tailwind CSS
• usePopularMovies Custom hook
• GEMINIAI Search Page
• GEMINIAI Search Bar
• (BONUS) Multi-language Feature in our App)
• Get GEMINIAI Api Key
• GEMINIAI Search API Call
• fetched geminiaiMoviesSuggestions from TMDB
• created geminiaiSlice added data
• Resused Movie List component to make movie suggestion container
• Memoization
• Added .env file
• Adding .env file to gitignore
• Made our Site Responsive for mobile and web

Features

• Login/Sign Up Form
• Redirect to Browse Page
• Browse(after the login)
• Main Movie - Tailer in Background - Title & Description - Movie Suggestion - Movie List * N
• NetflixGPT
  • Search-Bar
  • Movie Suggestion