Type
Entertainment
Role
Frontend Engineer
Built
Feb 2026
Duration
3 Weeks
Last Updated
Mar 2026
Technologies Used
Next.jsTailwindFramer
The Problem
Existing movie trackers are cluttered with ads and have slow, uninspired layouts.
The Solution
Built a minimal, immersive UI prioritizing high-resolution artwork, dark-mode aesthetics, and smooth animations.
Key Features
Dynamic content carousels
Smooth, swipeable rows for trending and categorized media.
Real-time TMDB API
Live fetching of movie metadata, ratings, and trailers.
Cinematic dark-mode
Deep blacks and subtle glows to enhance poster artwork.
Interactive modals
Quick-view modals for cast, crew, and related movies.
Product Gallery
.png)
.png)
Technical Architecture
Frontend
Next.js 14 + Framer Motion
Backend
Server-side fetched TMDB REST API
Database
Redis (Upstash) for Edge Caching
State
React Context + TanStack Query
The Outcome
- Achieved a 95+ Lighthouse performance score
- Reduced API load times by 40% using edge caching
- Created a highly engaging, native-feeling UI