A feature-rich Netflix clone application integrated with GPT (AI) for smart movie recommendations. Built with React, Redux Toolkit, Firebase, and Tailwind CSS.
- Authentication: Secure Login/Signup using Firebase Auth.
- Browse Page:
- Dynamic Video Background (Main Movie).
- Movie Lists (Now Playing, Popular, Top Rated, Upcoming).
- Real-time data from TMDB API.
- GPT Search:
- AI-powered movie recommendation system.
- Search for movies using natural language (e.g., "Funny retro indian movies").
- Multi-language support for the search interface.
- Responsive Design: Fully responsive UI built with Tailwind CSS.
- Frontend: React 19, Vite
- Styling: Tailwind CSS 4
- State Management: Redux Toolkit
- Backend/Auth: Firebase
- API: TMDB (The Movie Database), OpenAI / Gemini (for GPT Search)
-
Clone the repository:
git clone https://github.com/phantom101198/Netflix_GPT.git
-
Install dependencies:
npm install
-
Environment Variables: Create a
.envfile in the root directory and add your API keys:VITE_OPENAI_KEY=your_openai_key VITE_TMDB_KEY=your_tmdb_key VITE_FIREBASE_API_KEY=your_firebase_key VITE_FIREBASE_AUTH_DOMAIN=your_project_id.firebaseapp.com VITE_FIREBASE_PROJECT_ID=your_project_id VITE_FIREBASE_STORAGE_BUCKET=your_project_id.firebasestorage.app VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id VITE_FIREBASE_APP_ID=your_app_id VITE_FIREBASE_MEASUREMENT_ID=your_measurement_id
-
Run the development server:
npm run dev
-
Build for production:
npm run build
This project is for learning purposes.
Happy Coding