Projects/Realtime Collaborative Whiteboard
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