A real-time collaborative drawing canvas built with React, React-Konva, and WebSockets. Multiple users can connect simultaneously to sketch, draw shapes, and view each other's live cursors, just like Figma or Excalidraw-lite.
✅ Real-Time Collaboration (in progress) Connect with others and draw together, all updates are instantly synced using WebSockets.
✅ Live Cursors
See everyone’s cursors move across the canvas in real-time, complete with color and smooth animation.
✅ Freehand Drawing Click and drag to draw smooth lines, ideal for sketching or brainstorming.
✅ Shape Tools (in progress)
Support for rectangles, circles, and more, easily create and manipulate visual elements.
| Frontend | Backend | Other |
|---|---|---|
| React + Vite | Node.js | WebSockets (ws) |
| react-sketch-canvas | Canvas Elements | |
| TypeScript | Perfect Cursors |
git clone https://github.com/yourusername/collaborative-drawing-app.git
cd collaborative-drawing-app
cd client
npm start
cd ../server
node index.js