Watch Streams

The core idea was to simplify how users engage with multiple live broadcasts at once—whether they're viewers, moderators, or broadcasters themselves. I designed the product around flexibility, control, and minimal distraction, supporting multiple viewing layouts, chat options, and a mobile-first experience.

UX & UI Highlights:

• Multi-stream Layout Engine: Designed a set of clean, responsive layout presets optimized for viewing 1 to 6 live streams simultaneously, balancing clarity, performance, and screen space.
• Focus Mode: Enabled users to seamlessly switch attention to a single stream while keeping secondary streams and chats accessible.
• Chat Control: Created a simplified interface to toggle chat visibility per stream or enter a full “chat-only” mode for moderation or broadcaster use cases.
• Responsive Design: Built the UI with mobile usability in mind—ensuring smooth performance and touch-friendly controls on phones and tablets.

Technical Accomplishments:

• Developed a Node.js backend service to monitor the live status of YouTube channels, integrating polling and caching strategies to minimize API usage.
• Built and deployed a complete front-end app using React, stateful logic for layout control, and performance optimizations to ensure low-latency stream switching.

What I Learned:

This project deepened my understanding of full-stack web architecture, live data integration, and streaming platform APIs. It also challenged me to think critically about attention management, interface hierarchy, and the needs of both casual viewers and power users like community moderators or streamers. Most importantly, it reinforced the value of creating intuitive user experiences—even when juggling complex technical requirements.