ExcelicDraw is a powerful real-time whiteboard and chat application where users can:
- Join shared rooms
- Draw shapes on a canvas (rectangle, square, circle, triangle, arrow, text)
- Chat live with others in the room
- Move and delete shapes
- See updates from all users instantly via WebSocket
✅ Real-time drawing with multiple shape tools
✅ WebSocket-based synchronization across users
✅ Room-based architecture
✅ Move and delete shapes
✅ Real-time chat in the same room
✅ Authentication with JWT
✅ Backend built with Express.js and MongoDB
Frontend:
- React.js
- TailwindCSS
- Canvas API
- WebSockets (native)
Backend:
- Node.js
- Express
- MongoDB
- JWT Auth
- WebSocket Server
├── frontend
│ ├── src
│ │ ├── components
│ │ ├── pages
│ │ ├── utils
│ │ └── App.jsx
├── backend
│ ├── ws-webserver
│ ├── http-servre