Netflix GPT

• Create React App
• Configured TailwindCSS -Header -routing of App -Login Form -Sign up Form -Form Validation -useRef Hook -Firebase setup -Deployed App to Production from Firebase. -Create Sign Up User Account -Implement Sign In User API -Created User Store using Redux -Implemented Sign out. -Update Profile with Display name and image -BugFix: Sign up user display name and profle picture -BugFix: if the user is not logged in redirect/ brwose to login page. -Unsubscribed to the onAuthStateChanged callback -Get Data from TMDB now playing movies list API -Fetch movies data from TMDb Api -Custom hook for now playing movies -Custom movieSlcie -Update store with movies data -Planning for mainContainer & secondary container -Fetch Data from Trailer Video -Update Store with Trailer Video Data -Embedded the Youtube video and make it autoplay and mute -Tailwind classess to make Main Container look like netflix. -Build Secondary Component. -Build Movie List -Build Movie Card -TMDB Image CDN URL -Made the browse look somewhat better use webkit also to hide scroll bar -usePopularMovies customhook build. -GPT Search Page -GPT search bar -Multi-langauge feature in our App -Integrate GPT APIs -GPT search using openapi -fetched gptMoviesSuggestions from TMDB -created gptSlice -Reused Movie list component to make movies suggestion container -Memoization -Added .env file and added to gitignore -Made some what responsive.

Planning for secondary container in Browse page MovieList - Popular - MovieCard * n MovieList - Now Playing - MovieCard * n MovieList - Trending - MovieCard * n MovieList - Horror - MovieCard * n

Features:

-Login/Signup
    - Sign In/Sign Up Form
    -Redirect to Browse Page
-Browse (after Authentication)
    -Header
    -Main Movie
        -Trailer in Background
        -Title and Description
        - Movie Suggestions
            -MovieLists * N
-NetflixGPT
    -Search Bar
    -Movie Suggestions.