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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMDU4MjcsIm5iZiI6MTcyMTIwNTUyNywicGF0aCI6Ii84MDg3NDI0Ni8zMTgyMTk3OTgtYzhkODliZWYtNmYzYi00MTkxLWIzNDYtNDRmZjgwNjNjOTc2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDA4Mzg0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMyZTc2OTg2MjNiMzRiMDE1YTEyZWRmNDRhMmYxYjQ4YTQ1MmE5MWUwNDQzNGUzNDUzZWUxMTA2YzViZTk0ZTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.f3skXKGtLWnlx77n_Z98SCaPVwYS0cMS1xKbmIYPqWE)
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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMDU4MjcsIm5iZiI6MTcyMTIwNTUyNywicGF0aCI6Ii84MDg3NDI0Ni8zMTgyMjMxNjEtMjg2NTAwZjMtYmRiYi00MmQ5LWE4NWItMzUzNDA4ODJjNzIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDA4Mzg0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZkYWU0ZTFiYTM0OTE1ZWQwMjUzNTExYTg2ZmIzYTI3NGY3ZmM3MzUyMWY1MGFhYTAzZDgyNTM3ZDdiNDkzMjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xQzrR6Dwo1EzgSsLCJHcLvw99YDWIxn9r8BXYSxcfZ4)
![image](https://private-user-images.githubusercontent.com/80874246/318223178-26002792-96cb-43df-ab16-9dcd142fd906.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMDU4MjcsIm5iZiI6MTcyMTIwNTUyNywicGF0aCI6Ii84MDg3NDI0Ni8zMTgyMjMxNzgtMjYwMDI3OTItOTZjYi00M2RmLWFiMTYtOWRjZDE0MmZkOTA2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDA4Mzg0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI1ODgzZDEzNGU5ZDZkNDg1MDVkMDIxNWNjNjZhZTBjODM5MTQzNWJiMjUxNjFjNzY0ZDNmMjg4OWViN2RmNmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Yli4pmCuT3qcG5AEZxf6cm-qaN--_DdFCBNzyyBUGuc)
![Auth](https://private-user-images.githubusercontent.com/80874246/318219809-9becaf3c-1c64-4274-9af2-5b78a3b1427e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMDU4MjcsIm5iZiI6MTcyMTIwNTUyNywicGF0aCI6Ii84MDg3NDI0Ni8zMTgyMTk4MDktOWJlY2FmM2MtMWM2NC00Mjc0LTlhZjItNWI3OGEzYjE0MjdlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDA4Mzg0N1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThmOWM1NjE2NDVhMjU5NDJiNmQyOTM5YjI4MDhkYWQ2M2RjOTg0MDQ0YjFmMmZkNWRkNjcxZDM1ZGRiYzgxY2UmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.dxWHkz1Z2egbhwbFSwSQ9izDndhnPxUlDT356ZF3f2Y)
- 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 🔗