Drameeo

Drameeo is a full-stack animated movie discovery platform designed to demonstrate real-world software engineering across the entire modern web stack. From fluid streaming-service micro-interactions to high-throughput backend serverless proxies, Drameeo combines cinematic visuals with fault-tolerant distributed caching and abuse protection.

1. Streaming-Grade React 18 & Vite Frontend

Engineered with React 18 and Vite for blazing-fast HMR and bundle efficiency. Styled with Tailwind CSS and choreographed using Framer Motion, replicating a premium streaming-service UI: an auto-rotating hero carousel, dynamic live catalog search with debounced inputs, genre filter carousels, and an instant YouTube trailer video modal.

2. Resilient 3-Layer Caching Architecture

To eliminate upstream API latency and guarantee high availability, Drameeo implements a 3-layer tiered caching pipeline: Layer 1: TanStack Query in-memory client cache (5-minute TTL) for zero-latency screen re-navigation; Layer 2: Upstash Redis distributed server-side cache (1-hour TTL for trending, 24h for trailers, 7d for genres) shared across all global users; Layer 3: Persistent browser localStorage fallback (24 hours) ensuring the app remains fully functional and visual even during total upstream API outages.

3. Vercel Serverless Proxy & Sliding-Window Rate Limiting

All requests route through a suite of modular Vercel Serverless Functions (/api/trending, /api/movies, /api/search, /api/trailer, /api/movie) that securely isolate TMDB API keys from client inspection. Every endpoint is shielded with an Upstash Redis sliding-window IP rate limiter enforcing a strict 30 requests / 10s per IP limit, mitigating scraper bots and quota exhaustion.

4. Content-Based Recommendation Engine

Solves the classic cold-start problem through intelligent tiered fallback logic: trending titles → genre-filtered catalogs → mathematically scored candidate pools ranked by Jaccard genre overlap and popularity metrics, providing personalized discovery without requiring invasive tracking cookies.