Skip to content

README.md

Latest commit

 

History

History
60 lines (46 loc) · 1.46 KB

README.md

File metadata and controls

60 lines (46 loc) · 1.46 KB

EXCELICDRAW

🖌️ ExcelicDraw – Real-time Collaborative Drawing & Chat App

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

🚀 Features

✅ 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

image

image

image

image

🛠️ Tech Stack

Frontend:

  • React.js
  • TailwindCSS
  • Canvas API
  • WebSockets (native)

Backend:

  • Node.js
  • Express
  • MongoDB
  • JWT Auth
  • WebSocket Server

📂 Folder Structure

├── frontend
│   ├── src
│   │   ├── components
│   │   ├── pages
│   │   ├── utils
│   │   └── App.jsx
├── backend
│   ├── ws-webserver 
│   ├── http-servre