The Netlix GPT App is an AI-driven platform that enhances the Netflix experience. It leverages OpenAI's GPT-3.5 model to provide personalized content recommendations .This project is for Netflix enthusiasts seeking a more engaging and customized streaming experience. It empowers users to explore content effortlessly, engage in natural language interactions, and gain a deeper understanding of their favorite shows and movies. Whether you're a seasoned Netflix user or just starting your streaming journey, this app is designed to make your entertainment experience more enjoyable and enriching.
- Create React App
- Configured TailwindCSS
- Header
- Routung for App
- Login Form
- Sign Up Form
- Login/SignUp Form Validations
- useRef Hook
- Firebase Setuo
- Firebase Hosting deployment
- Create Sign Up User on firebase
- Implement Sign In user API
- Created Redux Store with userSlice
- Implemented Sign Out
- Update profile
- Fetch movies from TMDB
- Bugfix: Sign Up user displayName and profile photo update
- Bugfix: If the user is not logged in Redirect /browser to Login page and vice versa
- Unsubscribed to the onAuthStateChange callback
- Add hardcoded values to the contants file
- Register TMBD API & create an app and get access token
- Get data from TMBD now playing movie list API
- Cutom Hooks created for Now Playing Movies
- Create movieSlice
- Updates store data with movies data
- Planed for MainCOntainer & Secondary conatiner
- Fetch Data fro trailer Video
- Update Store with Trailer Video Data
- Embedded the YouTube video and make it autoplay and muted video
- Tailwind Classes to make MainContainer UI look awesome
- Build Secondary Component
- Build Movie List
- Build Movie Cards
- TMDB Image CDN URL
- Made the Browse Page UI good
- usePopularMovie, useTopRatedMovie, useUpcomingMovie Custom Hooks
- GPT Search page
- GPT Search Bar
- (BONUS) Multi-Language Feature in our App
- Get Open AI Api key
- GPT Search APIs Integrate (get open API Key)
- fetched gptMovieSuggestions from TMDB
- created gptSlice and added data
- Reused Movie List component to make movie suggestions container
- Memoization
- Added .env file
- Added .env file to .gitignore file
- Made App Responsive
-
Login/Sign up
- SignIn/SignUp Form
- redirect to Browse Page
-
Browse (/browse : after authentication)
- Header
- Main Movie
- Trailor in background
- Title & description
- Movie Suggestions
- MovieLists * New
-
NetflixGPT
- Search Bar
- Movie Suggestions