A real-time collaborative whiteboard built with a modern full-stack architecture — enabling multiple users to draw, edit, and collaborate together seamlessly.
Exaclidraw is a real-time collaborative drawing application that lets users create and edit shapes, draw freehand, and collaborate with others live in shared rooms. It’s designed for brainstorming, presentations, team collaboration, and interactive sessions — all in the browser.
- 🔄 Real-Time Collaboration — Multiple users can interact with the same canvas simultaneously.
- 🖊️ Custom Canvas Editor — Includes shapes (circle, rectangle, diamond), freehand drawing, and eraser tools.
- 👥 Live Cursors & Rooms — Users see each other's cursors and share persistent collaborative rooms.
- 🚀 Scalable Architecture — Built using a Turborepo setup with Next.js, Express API, and a dedicated WebSocket backend.
- 🐳 Dockerized Deployment — Fully containerized with CI/CD for scalable, reliable deployments.
- Frontend: Next.js
- Backend: Express.js + WebSocket
- Collaboration Engine: WebSocket for real-time sync
- Monorepo: Turborepo
- Deployment: Docker + CI/CD pipelines
- 📁 Turborepo Setup: Manages frontend and backend in a single monorepo.
- ⚡ Next.js UI: Fast and responsive React interface.
- 🔌 Express API: Handles REST endpoints for app logic.
- 🔄 WebSocket Server: Manages real-time drawing sync and user updates.
- 📦 Docker: Containerized services enabling reproducible and scalable deployment.
If you want, I can add badges (like build status, license, contributors) or include images/GIFs showing the UI in action! ::contentReference[oaicite:2]{index=2}