Back
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:
Technical Highlights:
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:
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