Skip to content

Netflix-style application that helps users discover movies using AI-powered recommendations.

Notifications You must be signed in to change notification settings

adit-ya15/NetflixGpt

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI-Powered Movie Recommendation App

A Netflix-style frontend focused application that helps users discover movies using AI-powered recommendations based on user mood and preferences.

TL;DR

  • 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

🚀 Live Demo

🔗 https://aipoweredmovieapp.netlify.app/

📊 Performance Metrics

  • Optimized bundle loading using lazy-loaded routes
  • Reduced unnecessary re-renders
  • Improved Lighthouse performance score after optimization

🧠 Problem Statement

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.

🛠 Tech Stack

Frontend

  • React.js
  • Redux
  • Tailwind CSS

Backend / Services

  • Firebase Authentication
  • Gemini AI (for recommendations)
  • Note: This project uses managed backend services (Firebase & Gemini AI). A custom backend API is planned.

✨ Key Features

  • User authentication (Login / Signup)
  • Global state management using Redux
  • AI-powered movie recommendations
  • Lazy loading for performance
  • Responsive UI
  • Clean API handling

⚙️ Performance Optimizations

  • Lazy loading of routes and components
  • Efficient Redux store structure
  • Optimized API calls
  • Lighthouse audits were run on production builds using Chrome DevTools.

📂 Project Structure

src/
├── components/
├── pages/
├── hooks/
├── store/
├── services/
└── utils/

📌 Learnings

  • Integrating AI APIs into frontend apps
  • Managing complex state with Redux
  • Authentication flows with Firebase
  • Performance optimization in React
  • Designing scalable frontend architecture

🚧 Future Improvements

  • Backend API instead of direct service calls
  • User watchlists
  • Recommendation history
  • Improved AI prompt tuning

📷 Preview

Authentication

image

Home

Screenshot 2025-12-13 153721

AI powered search page

Screenshot 2025-12-13 153733

Movie detail page

image

🛠️ Run Locally

git clone https://github.com/adit-ya15/NetflixGpt.git
cd NetflixGpt
npm install
npm run dev

📄 License

This project is for learning and demonstration purposes.

About

Netflix-style application that helps users discover movies using AI-powered recommendations.

Topics

Resources

Stars

Watchers

Forks