Back to Projects
Real-time Collaborative Whiteboard
A multi-user whiteboard application with real-time synchronization, drawing tools, and persistence. Built with Yjs for conflict-free replication and Socket.io for low-latency communication.
5
Technologies used
2
Features implemented
2
Challenges solved
Open Source
Status
Tech Stack
Frontend
Next.jsTypeScriptTailwind CSS
Backend
Socket.io
Tools & Testing
Yjs
Impact
Serves as a production-grade showcase of real-time collaboration architecture.
Implementation Details
- This project implements a full-featured collaborative whiteboard with real-time cursor tracking, shape management, and persistent storage.
- It uses Yjs for conflict-free replicated data types (CRDTs) and Socket.io for WebSocket-based communication.
Challenges & Solutions
- Handling concurrent edits from multiple users required careful conflict resolution.
- The solution uses Yjs's built-in CRDT algorithm which ensures all clients converge to the same state without a central authority.