Skip to content
All work

[ Case ]

2024Designer & Engineer

Interactive streaming system

A custom live production system with a listener and connected apps for stream overlays, controls, and interaction.

  • Vue
  • Real-time
  • Multi-app architecture

What it is

A custom live production system I built for my own streams. A central listener watches stream events, and a small family of connected apps handle overlays, controls, and live interactions. Each app is small and focused; the listener keeps them in sync.

Why I built it

Off-the-shelf overlay tools were either too rigid for what I wanted to do live, or required me to fight the tooling instead of focusing on the show. Building my own system meant I could iterate quickly on the parts that actually matter, the parts the audience sees and feels.

What it proves

  • Multi-app architecture with a shared event source
  • Real-time updates across surfaces under live constraints
  • Practical internal tooling that earns its keep every stream
  • Live production thinking: failure modes, reset paths, audience-facing reliability

[ Trajectory ]

now

  • ·Listener-based stream system
  • ·Connected apps for overlays and controls
  • ·Custom tools for managing stream interactions

next

  • ·Cleaner control surface
  • ·More reusable overlay components
  • ·Better automation between stream state and visuals

later

  • ·Generalized live production toolkit
  • ·More integrations
  • ·Reusable system for events beyond Twitch