- User Authentication: Sign in and sign up using Firebase.
- Movie Catalog: Browse movies fetched from the TMDB API.
- AI-Powered GPT: Generate content or get recommendations powered by GPT.
- Custom Reusable Components: Efficient UI/UX with reusable React components.
- State Management: Centralized state handling using Redux.
- Responsive Design: Fully responsive design for a seamless experience on any device.
- React: Frontend framework.
- Redux: State management.
- Firebase: Authentication and deployment.
- TMDB API: Movie data fetching.
- Gemini API: GPT-based content generation.
-
Clone the repository:
git clone https://github.com/yourusername/netflix-gpt.git cd netflix-gpt
-
Install the dependencies:
npm install
-
Set up your environment variables:
Create a
.env
file in the root directory and add your Firebase config and API keys for TMDB and Gemini.REACT_APP_FIREBASE_API_KEY=your_firebase_api_key REACT_APP_TMDB_API_KEY=your_tmdb_api_key REACT_APP_GEMINI_API_KEY=your_gemini_api_key
-
Start the development server:
npm start
-
Access the app at
http://localhost:3000
.
This app is deployed on Firebase Hosting. To deploy your own version, follow these steps:
-
Install Firebase CLI:
npm install -g firebase-tools
-
Log in to Firebase:
firebase login
-
Initialize Firebase in the project:
firebase init
-
Deploy to Firebase Hosting:
firebase deploy
- Enhance GPT integration for more personalized recommendations.
- Improve UI for a more immersive experience.
- Add additional filters and sorting options for movie browsing.
- Integrate a watchlist feature for users to save favorite movies.
Feel free to submit issues or pull requests. Any contributions are welcome!
This project is licensed under the MIT License.
This project is developed while learning from Namaste React by Akshay Saini. Check out his course