Netflix GPT
- Create React APP
- Configured TailwindCss
- Header
- Routing of App
- 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
- Fetch movies from TMDB
- Bugfix: Sign up user displayName and profile picture update
- Bugfix: if user is not logged in Redirect /Browse to login page and vice versa
- Unsubscribed to the onAuthStateChanged callback
- Added hardcoded values to the constants file
- Register TMDB Api & create an app & get acess token
- Get Data from TMDB now playing movies list API
- Custom Hook for Now Playing Movies
- Create MovieSlice
- Update store with Movie data
- Planning for maincontainer & SecondarContainer
- 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 maincontainer look awesome
- Build Secondary Component
- GPT Search Page
- GPT Search Bar
- (Bonus) Multi Language Feauture in Our App
- Get open AI Api key
- fetched gtpmoviesSuggestions from TMDB
- Created gptSlice added data
- Reused movie list component to make movie suggestion container
- Memoization
Feautures
- Login/signup
- signin/signup form
- redirect to browse page
- Browse
- Header
- Main Movie
- Trailer in Background
- Title & Description
- MovieSuggestions