Netflix GPT

• Create React App
• Configured Tailwind CSS
• 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 SignOut Feature
• Update Profile
• Bugfix: Sign up user's displayname and profpic update
• Bugfix: if user is not logged in redirect to /browse login page & vicversa
• Unsubscribed to the onAuthStateChanged callback
• Added Hardcoded values to the constant file
• Register TMBD & create an app& get acess token
• Get data form TMDB now playing movie list API
• Now Playing Movies Custom Hook
• Create a movieSlice
• Updated Store with Movie Data
• Planning for Main Container and Secondart container
• Fetch Data for Trailer Video
• Update Store with trailer Video Data
• Embeded the YouTube video and make it autoplay and mute
• Tailwind Classes to enhance the User experience
• Build Secondary Component
• Build Movie List
• build Movie Card
• TMDB Image CDN URL
• Made the Browsre page amazing with Tailwind CSS
• usePopularMovies Custom hook
• GPT section
• Added multi language feature
• Integrate GPT APIS

Features

• Login/Signup Page

• Sign In /Sign up Form

• redirected to Browse Page

• Browse (after authentication)

• Header

  • Main Movie

• Trailer in Background

• Title and Description

• MovieSuggestions

• MovieList x N

• NetflixGPT

• Search Bar

• Movie Suggestions