Netflix GPT 🎥✨

A cutting-edge application that combines the magic of GPT-powered recommendations with your favorite Netflix content! 🚀

🌟 Features

• 🔍 AI Recommendations: Leverage GPT’s powerful language understanding to discover shows and movies tailored just for you.
• 🎬 Seamless Search: Quickly find your next binge-worthy content with a smart search bar.
• 🎨 User-Friendly Interface: Intuitive and responsive design for smooth navigation.
• ⚡ Fast Performance: Optimized for speed and responsiveness.

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher recommended)
• npm or yarn

Installation

Clone the repository:

git clone https://github.com/satyam0709/netflix-gpt.git
cd netflix-gpt

🤝 Contributing Contributions are welcome! Feel free to:

Fork this repo

Create a new branch (git checkout -b feature/YourFeature)

Commit your changes (git commit -m 'Add some feature')

Push to the branch (git push origin feature/YourFeature)

Open a Pull Request!

🏗️ Project Tasks & Progress

• Create React App
• Configure TailwindCSS
• Routing of app
• Header
• Login Form
• Form Validation
• Use-Ref Hook
• FireBase Setup
• Deploy app to production
• Create SingUp User Account
• Implement Sign In user Api
• Created Redux Store with UserSlice
• Implemented Sign Out
• Update Profile
• Fetch from TMDB Movies
• BugFix - SignUp User DisplayName and Profile picture update
• BugFix - if the user is not logged in redirect / browse to login page and vice versa
• Unsubscribed to the OnAuthStateChange callback
• put hardcode values like address in the constant
• register for TMDB website create an app and get api
• Get data from TMDB now playing movies List api
• Custom Hook for Now Playing Movies
• Create movieSlice
• Update Store with movies Data
• Done the 1st container and get ready 2nd one
• Fetch Data for Trailer Video
• Update Store with Trailer Video Data
• Embedded the Youtube video
• Tailwind use for the make container more good
• Complete the NowPlayingMovies and get all the Movies
• make secondary container good
• add the all movies lists
• make the Trending Movies
• make the Popular Movies
• make the Top Rated Movies
• make GPT search page
• make GPT search bar
• make multi language search bar for GPT

Features

• Login/Sign Page

  • Sign In / Sign up Form
  • redirect to Browse Page

• Browse(After Authentication)

• Header

• Main Movie

  • Trailer in Background
  • Title and Description
  • MovieSuggestion
    • MovieLists

• NetflixGpt

  • Search Bar
  • Movie Suggestions