Skip to content

Latest commit

 

History

History
41 lines (24 loc) · 878 Bytes

README.md

File metadata and controls

41 lines (24 loc) · 878 Bytes

colaborative-canvas

A real-time collaborative whiteboard app built with React, Yjs, and WebRTC, inspired by Excalidraw. Multiple users can draw simultaneously on a shared canvas and see updates in real time.

alt text

🚀 Features

🖌️ Freehand drawing with multiple stroke colors

🧑‍🤝‍🧑 Real-time collaboration using Yjs + y-webrtc

📍 Live cursors with user identifiers

🔄 State synchronization across peers

🧰 Tech Stack

Frontend: React + TypeScript + TailwindCSS

Collaboration: Yjs, y-webrtc

Drawing: roughjs

cd frontend
npm install
npm run dev

🔗 Usage

  • Create a Room A unique room ID is generated (UUID or slug). This ID is shared in the URL.

  • Invite Collaborators Send the URL to your friends or team members.

  • Start Drawing Everyone in the room sees each other's strokes and live cursors.