PROJECT OVERVIEW
What was built?
ScreenHub is a modern media discovery web application leveraging the TMDB REST API. It offers dynamic genre filtering, trending analytics, trailer streaming, and personalized recommendation engines.
THE CHALLENGE
Problem Statement
Many third-party movie browsing apps feel sluggish due to unoptimized image fetching, sequential API calls, and missing client-side caching.
Engineering Approach & Architecture
Engineered an asynchronous parallel data fetch pipeline with local memory caching, progressive image lazy loading, and responsive Tailwind styling.
System Architecture Data Flow
01Client UI -> React Hooks State Manager
02API Layer -> TMDB REST Endpoint Aggregator
03Cache Layer -> LocalStorage & Session Memory Cache
04View Renderer -> Lazy-loaded Responsive Poster Grids
Key Engineering Obstacles
Obstacle: API Rate Limits & Repeated Requests
Implemented an in-memory query cache with TTL invalidation, reducing redundant network requests by 65%.
Technologies & Tools Used
Core libraries, frameworks, and deployment services.
ReactTMDB APITailwind CSSJavaScriptREST API