Real-time CollaborationStatus: Live

Tessel

A live multiplayer whiteboard.

Real-time collaborative canvas with peer-to-peer sync, offline persistence, and AI-driven board organization.

Visit Live Application Inspect Source Code

https://musty325199.github.io/tessel

Production Interface & Real-time State

01 / Architecture & Implementation

What I Built

Engineered full stack: custom WebSocket sync server powered by Yjs CRDTs, React canvas engine, offline-first IndexedDB persistence, structured Gemini AI canvas organizer, and automated Playwright E2E suites.

02 / Core Engineering Challenge

The Hardest Part

Guaranteeing conflict-free distributed document convergence during sudden network drops while keeping gesture rendering smooth on mobile viewports.

Verified Stack & Dependencies

React 18TypeScriptViteExpressWebSocketYjsMongoDBGemini APIResendCloudinaryPlaywrightGitHub Actions