Netflix GPT
- Create React App
- Configured TailwindCss
- Header
-Routing of App
- Login form
- Signup form
- useRef hook
- useState hook
- firebase setup not
- Deploying our app to production
- Create SignUp User Account
- Implement SignIn User Api
- Create Redux Store with userSlice
- Implemented Sign Out
- Update Profile
- Fetch from TMDB Movies
- Bugfix: Sign Up user DisplayName and Profile picture update
- Bugfix: if the user is not loged in Redirect /Browse to login page and vise-versa
- Unsubscibed to the onAuthStateChanged Callback
- Add Hardcoded values to the constants file
- Register TMDB API & create a app & get access tocken
- Get data from TMDB now Playing movies List API
- I created hooks folder
- Created a custom hook & Use all of fetch TMDB API code include it & fetch movies data
&& updating the store with movies data
- After I have create another custom hook in include all fetch trailer video && updating the store with trailer video data
- In this conversation I used useDispatch hook && useSelector hook.
- useSelector hook used movies data & trailer video data from redux store
- And useDispatch use print the trailer video data & movies data
- Embedded the youtube video and make it auto play and mute
- Tailwind classes to MainContainer look awesome
Featurs
- Login/Sign UP
- Sign in/Sign up Form
- Redirect to browser page
- browser (after authentication)
- Header
- Main movies
- Trailer in Background
- tittle and description
- MoviesSuggetions
- Netflix-GPT
- Search bar
- Movies Suggetions
- radha radha