• Navbar

  • Logo
  • GPT Search
    • Search Bar
    • Movie Suggestions
  • Login/Logout button

• Body

  • Trailer in background
    • KGF (name)
    • Play & info button
  • (Movie List) * N
    • Top 10 in India (title)
    • Cards * N (flex)

• Footer

  • copyright
  • links

• Signup / Login Page (form)
• Redirect to browse page (After Authentication)

• npx create-react-app netflix-gpt
• setup Tailwind CSS
• Routing of App ( / : , /browse : )
• Header
• Login Form
• Sign up Form
• Toggle Signin-Signup
• Formik Library
• onSubmit={(e) => e.preventDefault()}
• Form Validation
• useRef Hook
• setup Firebase
• Deploy using Firebase
• Authentication (signup/signin)
• Google sign in
• After signin navigate to /browse
• Implement Signout
• user context
• Fetch movies from TMDB API

username : [email protected] password : Rohit123 username : [email protected] password : Pratham123