ColabCanvas
A collaborative whiteboard inspired by Excalidraw that enables multiple users to draw together in real time.
Overview
ColabCanvas was built to explore the challenges of real-time collaboration at scale. It uses WebSockets for low-latency communication, CRDTs to resolve concurrent edits, and a monorepo to share types across the frontend, REST API, and collaboration service.
Highlights
- Real-time Drawing
- Multi-room collaboration
- Conflict-free collaboration (CRDTs)
- Live presence cursors
- Infinite canvas with drawing tools
- Secure authentication
Built with Next.js, TypeScript, Node.js, Express, WebSockets, PostgreSQL, Prisma, Zod, Cloudinary, Turborepo, Docker