🎨 Draw-Board

🚀 Real-time collaborative whiteboard — draw, create, and collaborate instantly.

⚡ LIVE DEMO → Try It Now ⚡

No installation needed. Open the link and start drawing instantly!

---

📖 What is Draw-Board?

Draw-Board is a powerful, real-time collaborative whiteboard application built with Node.js, Express, and HTML5 Canvas. It gives you a fluid, distraction-free space to sketch ideas, annotate diagrams, teach visually, or collaborate with your team — all in real time, right from the browser.

Whether you're a developer, designer, teacher, or student — Draw-Board makes visual collaboration effortless.

---

✨ Features

🔥 Feature	💬 Description
🖊️ Smooth Canvas Drawing	Fluid drawing and writing experience powered by HTML5 Canvas
🖼️ Image Paste Support	Copy and paste images directly onto the whiteboard
📑 Multiple Tabs	Create and switch between independent whiteboard tabs
🔧 Rich Toolset	Pencil, eraser, shapes, text tool, and undo/redo support
⚡ Real-Time Sync	Instant updates powered by Socket.IO
📱 Fully Responsive	Works seamlessly on desktop, tablet, and mobile
🎨 Intuitive UI	Clean, minimal interface — zero learning curve

---

🌐 Live Demo

👇 Click below to open the live app 👇

🔗 https://robinkumar5986.github.io/White-Board/

Deployed and ready to use — no sign-up, no setup.

---

🚀 Run Locally

Want to run Draw-Board on your own machine? Follow these steps:

Prerequisites

• Node.js v18 or higher
• npm v8 or higher

Steps

1. Clone the repository

git clone https://github.com/RobinKumar5986/White-Board.git
cd White-Board

2. Install dependencies

npm install

3. Start the server

npm start

4. Open your browser and visit

http://localhost:3000

---

🛠️ Tech Stack

┌─────────────────────────────────────────────┐
│              Draw-Board Stack                │
├──────────────┬──────────────────────────────┤
│ Runtime      │ Node.js 18                   │
│ Framework    │ Express 4.21                 │
│ Real-Time    │ Socket.IO 4.8.1              │
│ Frontend     │ HTML5 Canvas + Vanilla JS    │
│ Deployment   │ GitHub Pages                 │
└──────────────┴──────────────────────────────┘

---

📂 Project Structure

White-Board/
├── public/          # Frontend assets (HTML, CSS, JS)
├── server.js        # Express + Socket.IO server
├── package.json     # Dependencies & scripts
└── README.md        # You are here!

---

🤝 Contributing

Contributions are always welcome! Here's how you can help:

1. Fork the repository
2. Create a new branch (git checkout -b feature/your-feature)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin feature/your-feature)
5. Open a Pull Request

---

📄 License

This project is open source and available under the MIT License.

---

⭐ If you find this project useful, please give it a star! ⭐

Made with ❤️ by Robin Kumar