Full Stack Web ApplicationFull Stack Engineer2024
Yoom — Video Conferencing Web Application
Enterprise-grade real-time video collaboration platform built with Next.js 15 and Stream API
Next.js 15TypeScriptStream APIClerkTailwind CSS
Project Overview
Yoom is a production-ready video conferencing platform providing seamless real-time audio/video communication, meeting scheduling, screen sharing, recording, and multi-tenant authentication.
Real-Time Streaming & Authentication Pipeline
Engineered on Next.js 15 App Router utilizing Stream's low-latency global mesh network combined with Clerk's cryptographic session tokens for zero-trust room authorization.
- Edge-rendered room orchestration coordinating participant tokens and call states.
- Adaptive bitrate video negotiation adjusting quality dynamically according to participant network bandwidth.
- Secure server action middleware validating room participant permissions and host privileges.
Engineering Challenges & Solutions
Low-latency participant state synchronization
Leveraged Stream's WebSocket event emitters and optimistic UI updates to reflect mute, video toggle, and hand-raise states with sub-50ms latency.
Dynamic video tile layout responsiveness
Engineered a dynamic CSS Grid layout algorithm that recalculates aspect ratios automatically for 1 to 50 concurrent participants without layout shift.
Core Capabilities
- Instant meeting creation and persistent personal meeting rooms
- Scheduled upcoming calls with automated calendar synchronization
- Full cloud screen recording with post-meeting playback archiving
- Speaker spotlight and active participant view switching
Validated Outcomes
- Sub-200ms glass-to-glass latency achieved in global call tests
- Zero layout shift during participant entry and exit events
- Robust role-based authorization preventing unauthorized meeting interruptions