Active2025
Realtime Collaborative Whiteboard
Custom WebSocket engine for low-latency collaborative drawing — 100+ concurrent users, broadcasts under 500ms.
ReactNode.jsWebSocketsCanvas
Overview
A realtime collaborative whiteboard with a custom WebSocket engine built from scratch. Instead of relying on Socket.io, this implements the WebSocket protocol directly with a Node.js server for maximum control over the broadcast topology.
The canvas uses an HTML5 Canvas element with a custom rendering loop optimized for low-latency updates — only deltas are transmitted, not full canvas state, keeping bandwidth minimal even at 100+ concurrent users.
<500ms
Broadcast Latency
P99 under load
100+
Concurrent Users
Tested locally
Raw WS
Protocol
No Socket.io
