A Netflix-style frontend focused application that helps users discover movies using AI-powered recommendations based on user mood and preferences.
- Netflix-style UI with AI-powered movie recommendations
- Built using React, Redux, Firebase Auth, and Gemini AI
- Performance-focused (lazy loading, optimized global state)
- Deployed on Netlify
🔗 https://aipoweredmovieapp.netlify.app/
- Optimized bundle loading using lazy-loaded routes
- Reduced unnecessary re-renders
- Improved Lighthouse performance score after optimization
Users often know they want to watch something, but don’t know what to watch.
This application solves that by combining a familiar Netflix-like UI with AI-driven movie suggestions.
- React.js
- Redux
- Tailwind CSS
- Firebase Authentication
- Gemini AI (for recommendations)
- Note: This project uses managed backend services (Firebase & Gemini AI). A custom backend API is planned.
- User authentication (Login / Signup)
- Global state management using Redux
- AI-powered movie recommendations
- Lazy loading for performance
- Responsive UI
- Clean API handling
- Lazy loading of routes and components
- Efficient Redux store structure
- Optimized API calls
- Lighthouse audits were run on production builds using Chrome DevTools.
src/
├── components/
├── pages/
├── hooks/
├── store/
├── services/
└── utils/
- Integrating AI APIs into frontend apps
- Managing complex state with Redux
- Authentication flows with Firebase
- Performance optimization in React
- Designing scalable frontend architecture
- Backend API instead of direct service calls
- User watchlists
- Recommendation history
- Improved AI prompt tuning
git clone https://github.com/adit-ya15/NetflixGpt.git
cd NetflixGpt
npm install
npm run devThis project is for learning and demonstration purposes.