Frontend / AI

Netflix GPT

Role

Frontend Developer

Timeline

2024

LiveDemo
SourceRepo
Netflix GPT

Overview

GPT-powered movie recommendation system with interactive UI.

A personalized movie exploration platform that combines the familiar Netflix interface with the power of generative AI. Users can search for movies using creative prompts like 'funny movies for a rainy day', and the system uses Gemini APIs to provide tailored recommendations. It integrates with TMDB for real-time movie data and uses Redux for state management, offering a seamless and responsive user experience.

The Challenge

NEED

Users often struggle to find movies that match their specific mood or creative descriptions using traditional keyword-based search.

Obstacles Faced

01

Integrating Gemini APIs for semantic movie search

02

Managing complex application state with Redux Toolkit

03

Syncing real-time data from TMDB API with AI recommendations

Feature Engine

  • Implemented a natural language search feature using Gemini APIs
  • Used Redux for centralized state management of movie data and search results
  • Integrated TMDB API for high-quality movie metadata and posters
React.jsReduxTailwind CSSGeminiTMDBFirebase

Outcomes & Impact

Enabled intuitive movie discovery through creative natural language prompts

Delivered a familiar, high-performance Netflix-style interface

Successfully integrated multiple external services for a unified UX

System Architecture

1

React-based single-page application architecture

2

State-driven UI updates using Redux Toolkit

3

Seamless integration with external AI and movie database APIs

4

Gemini 2.5 integration for movie recommendations

Execution Lessons

Designing AI-driven search interfaces

Advanced Redux state management and API integration patterns

Optimizing frontend performance for media-heavy applications