Overview

A modern, real-time collaborative digital whiteboard optimized with custom rendering for low-latency sketch sync on an infinite canvas.

The Challenge

Existing collaborative boards often suffer from lag, cursor mismatches, or clunky user interfaces, hindering creative flow during design workshops and teaching sessions.

The Solution

Engineered a highly responsive infinite canvas using the HTML5 Canvas API and React. Integrated Liveblocks for real-time WebSocket sync of draw paths, shapes, text, and mouse pointer states, keeping latency below 50ms.

Key Results

• Achieved smooth real-time rendering for multiple concurrent active users.
• Engineered an intuitive vector sketching and shape creation toolbar.
• Reduced synchronization packet size for low-bandwidth connections.