Back to Projects
Year: 2025
MatfliX — Netflix-style Streaming UI
A Netflix-like streaming interface built with React, Vite, TypeScript, and styled-components. Uses TMDB for data, React Query for caching, and React Router for pages. Includes hover-scale rows, details modal, profiles, and My List.
Role: Web Development
Tech Stack
ReactTypeScriptViteStyled ComponentsReact RouterReact QueryTMDB API
Key Features
- Hero billboard with featured title
- Horizontal rows with hover scale and arrows
- Details modal via portal (Add to My List)
- TMDB integration with caching and retries
- Profile selector and per-profile My List (localStorage)
- Search page with query params
- Movies/Series/New & Popular/My List routes
- Responsive layout with keyboard left/right scroll
- Edge fade masks without click blocking
- RTL-aware rail scrolling
- Skeleton loading states and error retry