Challenge
A catalogue can have plenty of titles and still feel hard to use. Sage Cinema needed an interface that made search, browsing, similar titles, watch history, and playback feel like one connected product rather than separate screens.
What I built
- Client-facing collection, search, genre, detail, and recommendation flows backed by local API routes.
- Watch history and resume positions using browser storage with stable keys for films and episodes.
- A custom playback path with HLS.js or native video, subtitle lookup, signed proxy URLs, and playlist rewriting.
- Consent-gated anonymous visit and movie-view counters with a durable production store when configured.
- Responsive visual systems for discovery pages, detail views, loading states, and player interactions.
Result
The product brings browsing and watching into a single loop: search for something, understand why it might fit, start watching, and return later without losing context. The public demo and source make the architecture inspectable rather than presenting only a static mockup.