Netflix GPT is a cutting-edge project that combines the power of Netflix-style movie browsing with the intelligence of OpenAI's GPT technology. With a sleek design and seamless user experience, this project aims to revolutionize how users discover and interact with movie content.
![Feature](https://private-user-images.githubusercontent.com/80874246/318219798-c8d89bef-6f3b-4191-b346-44ff8063c976.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUwNzYzMzIsIm5iZiI6MTcyNTA3NjAzMiwicGF0aCI6Ii84MDg3NDI0Ni8zMTgyMTk3OTgtYzhkODliZWYtNmYzYi00MTkxLWIzNDYtNDRmZjgwNjNjOTc2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODMxVDAzNDcxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRhNmNiMzNlZmEzMWJiNzg1Mjg2YmM4YTE2NDg2NWFhZGZlNzc4NTM4NTlmZTk0ODRiZjMxMjc4ZjUwYTM0YmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.1wSu6vwPk5LoU3Er2s7Np3UDcEUaCM9mAEBZ6d2ls2I)
Before diving into the project, make sure to set up your environment by adding a .env
file and including your TMDB and OpenAI API keys.
- Login/Sign Up: Seamlessly create and manage your account
- Browse Movies: Explore a vast collection of movies after authentication
- Search Bar: Easily find your favorite movies using the GPT-powered search feature
- Responsive Design: Enjoy a seamless experience across all devices
![image](https://private-user-images.githubusercontent.com/80874246/318223161-286500f3-bdbb-42d9-a85b-35340882c722.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUwNzYzMzIsIm5iZiI6MTcyNTA3NjAzMiwicGF0aCI6Ii84MDg3NDI0Ni8zMTgyMjMxNjEtMjg2NTAwZjMtYmRiYi00MmQ5LWE4NWItMzUzNDA4ODJjNzIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODMxVDAzNDcxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI4OTMxZjkzZjA3ZDFlM2M4NmU5Mzk1ZjVhOTQzZWVjNWUwYzRjNGNmY2UwMjRiMGMwMTJhNWM1MWZlOTU2N2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IqQZpEsCSG7DHI_lDArxJvV3sHp0KNXAN7zVlN4tJYw)
![image](https://private-user-images.githubusercontent.com/80874246/318223178-26002792-96cb-43df-ab16-9dcd142fd906.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUwNzYzMzIsIm5iZiI6MTcyNTA3NjAzMiwicGF0aCI6Ii84MDg3NDI0Ni8zMTgyMjMxNzgtMjYwMDI3OTItOTZjYi00M2RmLWFiMTYtOWRjZDE0MmZkOTA2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODMxVDAzNDcxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ3MTc4ZWNhODMxYTczNTE5NzBjOTk5NTc0ZjkxNDYxNzFmN2MxYTM0NWM1NTkxNGY4OTllMTJiYjY2ODQ0ZTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.NSNJS8tHtPNgva2nwFFpAy0akv9uRGUtTO3FTvDOUF4)
![Auth](https://private-user-images.githubusercontent.com/80874246/318219809-9becaf3c-1c64-4274-9af2-5b78a3b1427e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUwNzYzMzIsIm5iZiI6MTcyNTA3NjAzMiwicGF0aCI6Ii84MDg3NDI0Ni8zMTgyMTk4MDktOWJlY2FmM2MtMWM2NC00Mjc0LTlhZjItNWI3OGEzYjE0MjdlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODMxVDAzNDcxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgwNDI0ZjQ0MWY3YTQ5OThmNzA2YTljMzdiMjk0ZmI1NWQ5NDM2NWRiMGIzODc3MzQyYjBiYzRlZmVkOTUxNTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.H84-9SQMPnUZet2GbhK_HYdq7YJR7uQ1buzRXg5hWOI)
- Create React App: Kickstart your project with the latest React features
- TailwindCSS Configuration: Style your project with ease using TailwindCSS
- Header Implementation: Set up a visually appealing header for easy navigation
- Routing Setup: Navigate through different sections of the app effortlessly
- Login & Sign Up Forms: Provide users with a smooth onboarding experience
- Form Validation: Ensure data integrity with robust form validation
- Firebase Integration: Utilize Firebase for authentication and data storage
- Production Deployment: Launch your project to a live environment for users to access
- Redux Store Setup: Manage user state efficiently with Redux
- User Profile Management: Allow users to update their profiles seamlessly
- Bug Fixes & Enhancements: Continuously improve the user experience through bug fixes and optimizations
- Main Movie Display: Showcase a featured movie with captivating visuals
- Trailer Integration: Engage users with background trailers for selected movies
- Movie Suggestions: Provide personalized movie recommendations based on user preferences
- NetflixGPT Integration: Harness the power of GPT-3 for intelligent movie suggestions
- Multi-language Support: Cater to a global audience with multi-language features
- Responsive Design: Ensure a seamless experience across various devices
- Memoization: Optimize performance with efficient data caching
- Git Integration: Safeguard sensitive information by managing environment variables
- Phase 1: Setup and Basic Features Implementation
- Phase 2: Advanced Features and Integrations
- Phase 3: Testing, Optimization, and Deployment
Join us on this exciting journey to redefine the movie browsing experience. Together, we can create a project that not only stands out but also sets new standards in user interaction and content discovery. 🍿🎉
Visit the live application (deployed on firebase): Deployed application 🔗