SYNQ Workspace (Flux Whiteboard)
Real-time collaborative whiteboard with 60 FPS multiplayer synchronization.
OVERVIEW
A high-performance real-time collaborative workspace featuring a highly optimized drawing engine. Built to eliminate synchronization lag using a CRDT-based split-architecture that independently renders local strokes while syncing state seamlessly across clients.
THE PROBLEM
Multiplayer whiteboards often suffer from latency and stuttering during rapid drawing or when multiple users interact simultaneously. Efficiently merging simultaneous edits while maintaining high frame rates is a complex systems problem.
THE APPROACH
Implemented Yjs for CRDT-based state resolution and WebRTC for peer-to-peer data channel synchronization. Throttled Firebase cursor updates and decoupled local rendering from remote state synchronization to ensure a flawless native-feeling performance on both web and mobile.
LEARNINGS
Building a scalable collaborative system required deep knowledge of operational transformation and CRDTs. Optimizing Canvas rendering loops and handling mobile touch events synchronously dramatically changed my approach to frontend performance tuning.