SceneVault
Cinematic Film Discovery & Personal Screening Room
↳Cloudflare Workers edge API proxy securing secrets and caching frequent movie responses
What was this and who was it for?
Built as a comprehensive React exploration focusing on state segregation, third-party API proxying, and crafting an immersive cinema aesthetic.
What was broken, frustrating, or missing?
Client-side Single Page Applications calling third-party movie APIs directly expose private API keys in browser network panels and struggle with state collisions between active search inputs and paginated browse views.
Design & Platform Boundaries
- [1]Keep TMDB API secret tokens completely hidden from client inspection.
- [2]Support responsive modal previews with trailers and cast listings without layout thrashing.
Architectural & UX Strategy
Deployed a lightweight Cloudflare Worker as a serverless edge proxy to inject authorization headers, caching movie payloads while isolating search state using React Context and React Router.
Execution Highlights
What was compromised & what was gained?
- /Relied on browser localStorage for personal watchlist persistence rather than maintaining authenticated cloud user accounts.
Verifiable Outcome
A fast, secure movie discovery web application with zero client key exposure and fluid category navigation.
"Never call sensitive third-party APIs directly from client code. A lightweight edge proxy like Cloudflare Workers provides both security and edge caching with minimal latency."