Movie Recommendation

Year

2025

Tech & Technique

React.js, Redux, Tailwind CSS, Framer Motion, Node.js, Pupeteer, TMDB API, Axios

Description

An AI-powered movie and TV show recommendation platform that personalizes suggestions using generative AI. Integrated with TMDB for rich metadata, trailers, and posters. Users can discover, get recommendations, and stream content directly on the server.

Key Features:

🎬 Smart Recommendations: AI-generated suggestions based on user mood, genre, or previous choices
📺 Dual Support: Browse both Movies and TV Shows with detailed overviews, ratings, and cast info
🔍 TMDB Integration: Real-time search and discovery powered by The Movie Database API
📼 Built-in Streaming: Server-hosted player to stream selected titles
🧠 Generative AI Chat: Users can chat with an AI to get tailored watchlists or ask for hidden gems

Technical Highlights:

Implemented OpenAI/Groq-backed generative AI to provide conversational recommendations
Integrated TMDB APIs for fetching movie data, trailers, and search autocomplete
Used React with shadcn UI components for a clean, responsive interface
Created a full-featured media player with support for server-hosted video streaming
Built custom recommendation engine to blend AI results with TMDB trending data

My Role

Full-Stack Developer
Architected the entire experience from frontend to AI integration:

✅ Frontend: Built the React interface using Tailwind CSS and shadcn for consistent design
🎥 Media Player: Integrated custom video player with seek, subtitles, and fullscreen support
🧠 AI Layer: Connected a generative AI model to interpret user queries and recommend titles
🔗 API Integration: Fetched and synced metadata from TMDB with caching for speed
🗂️ Backend: Managed content streaming and media storage on server
🚀 Deployment: Deployed app and streaming server with optimized video delivery and CDN support