Back to Projects
Next.jsFirebaseTypeScriptTailwind CSSWebSockets

SyncSpace

A multiplayer team coordination board with live cursor tracks, drawing canvas, and document editor.

GitHub Repository
SyncSpace - Real-Time Collaborative Canvas

Project Overview

SyncSpace is a multiplayer web application allowing teams to collaborate in real-time. It supports shared vector whiteboards, markdown document co-editing, and synchronized user presence.

Role

Backend Developer

  • Backend Developer

Tech Stack

Next.jsFirebase (Firestore, Realtime DB)TypeScriptTailwind CSSWebSocketsVercel

Backend & Architecture

  • Low latency presence system tracking cursor positions with <50ms updates.
  • Conflict-free replicated data type (CRDT) text editor integration.

Challenges & Technical Solutions

01—Challenge

Sync drift and overlap when multiple users co-edited dense canvas items simultaneously.

↳Solution

Implemented Operation Transformation (OT) state diffs over persistent WebSockets, resolving timeline collisions using optimistic server timestamps.