Skip to content

AI-powered Netflix-inspired app 🎬✨ | Mood-based movie suggestions + browse trending, latest, popular & top-rated via TMDB.

Notifications You must be signed in to change notification settings

ishivamgaur/Netflix-ai

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

49 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎬 Netflix with AI Suggestions

Note ⚠️: If the Browse page doesn’t load movies, it may be due to TMDB API DNS issues.
Please set your DNS to 1.1.1.1 (Cloudflare) or 8.8.8.8 (Google) to resolve it.


This is a Netflix-inspired movie web application that not only lets you browse trending, popular, and top-rated movies using the TMDB API, but also integrates an AI-powered movie recommendation system.

You can simply describe your mood in plain language (e.g., β€œI want something funny and lighthearted” or β€œI feel like watching a dark thriller”) and the AI will suggest the perfect movies for you.


πŸ“Έ Screenshots

Home Page

image

Auth Page

image

Browse Page

image

AI-Powered Movie Recommendation Page

image

πŸš€ Features

  • πŸ”₯ Browse Movies – Explore trending, popular, and now-playing movies from TMDB.
  • 🎭 AI Mood-based Suggestions – Enter your mood or description, and the AI (Gemini API) suggests tailored movies.
  • πŸ–₯ Modern UI/UX – Built with React 19 and styled using TailwindCSS for a clean, responsive design.
  • πŸ”„ State Management – Powered by Redux Toolkit for smooth, scalable state handling.
  • πŸ”‘ Authentication – Integrated with Firebase for secure login/signup.
  • 🌐 Routing – Managed via React Router v7 for seamless navigation.
  • 🎨 Icons & Enhancements – Beautiful UI with React Icons and React Hot Toast for notifications.
  • πŸ“± Responsive Design – Works flawlessly across desktop, tablet, and mobile.

πŸ›  Tech Stack

Frontend

  • βš›οΈ React 19 (latest)
  • 🎨 TailwindCSS (with Vite plugin for fast dev)
  • πŸ›  Redux Toolkit for state management
  • πŸ”₯ Firebase (authentication & optional hosting)
  • πŸ”” React Hot Toast for notifications
  • 🎭 React Icons for UI

Backend (AI Movie Suggestion Server)

  • πŸš€ Express.js for API server
  • πŸ”’ CORS + dotenv for secure API handling
  • πŸ€– Google Generative AI (Gemini) for mood-based movie recommendations

✨ Why this project is unique?

Unlike typical Netflix-clone projects, this app goes a step further with AI-driven recommendations.
Instead of just browsing, users can describe their mood naturally, and the app suggests the perfect movie list β€” making it smarter, more interactive, and fun! πŸŽ‰


πŸš€ Getting Started

1. Clone the repo

git clone https://github.com/your-username/netflix-ai.git
cd netflix-ai

About

AI-powered Netflix-inspired app 🎬✨ | Mood-based movie suggestions + browse trending, latest, popular & top-rated via TMDB.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published