Netflix Gpt
NetflixGpt using React and tailwind Css . it is kind of like a Netflix + GPT where i have used chatGPT API to search Movie . and we have done form validation and Authentication . and for Authentication I am using Firebase an an backend
Netflix GPT
- create-react app
- Configure tailwindCss
- Header
- Routing of our App
- Login Form
- Sign Up Form
- Form validation
- useRef hooks
- Firebase Setup
- create a signup user account
- implement sign In user Api
- Created Redux Store with user Slice
- implemented signout features
- Fetch API from TMDB movie
- Get data from TMDB now playing movies list API
- Custom Hooks for Now playing videos
- create movieSlice
- Update store with movie data
- Planning for MainContainer & secondary container
- Fetch data for Trailer Video
- Update Store with Trailer Video
- Embeded the youtube video and make it autoplay and mute
- write tailwind classes to make main container look awsome.
- Build Secondary Container.
- Build Movie list
- Build Movie Card
- TMDB image CDN url.
- made the browse page amazing with tailwind.
- usePopularMovie custome hooks.
- GPT search Page.
- GPT search Bar.
- Added a multi language feature in our app. very important
- Integrate GPT API
- when user login Update profile with photo.
Features
Login/Sign up - Sign in/Sign up Form - redirect to the Browsw page
Browse(after authentication) - Header - Main Movie - Trailor in bg - Tittle and description - Movie Suggestion - Movie Lists
Netflix Gpt
- Search bar
- Movie Suggestion
