The brief
A clickable mock-up of a micro-drama streaming app, built solo as a coded prototype. I built eight screens pixel-close from a provided design system: the Home feed, Series Detail, a coin store, My Library, the Series Player, Login, the Paywall and a vertical Discover feed.
It’s written in TypeScript on React Native with Expo SDK 58, with expo-router for navigation, and it runs on iOS, Android and the web.
Real video, in a vertical player
Playback is real, not a placeholder. Each episode is a slice of a streamed Creative Commons film, played with expo-video in a full-screen vertical player.
The cliffhanger and the paywall
The next episode locks right after the cliffhanger (“To be continued…”), and a paywall follows. Four ways to unlock it work in the prototype:
- Coins, with a top-up from the coin store
- A season bundle
- A VIP subscription
- A 5-second rewarded ad
All four share one in-app wallet state, so an unlock shows everywhere in the app at once.
Try it
The web demo runs in the browser. The source repository is private.
Video: the Sintel trailer, © Blender Foundation, licensed under CC BY 3.0.