🎨 Web Whiteboard

An intuitive, zero-setup online drawing canvas. No login required. Just draw.

🎨 Live Demo: Link

---

Web Whiteboard is a lightweight, browser-based drawing application that brings the simplicity of a physical whiteboard to your browser. Start drawing instantly without any authentication, just open the page and create.

✨ Features

• ⚡ Instant Access: No login or signup required.
• 🎨 Intuitive Drawing Tools: Pen, eraser, and shape tools with customizable colors and sizes
• ♾️ Infinite Canvas: Unlimited drawing space with smooth scrolling and panning
• 🖼️ Multiple Color Options: Rich color palette for your creative needs
• 🎯 Responsive Design: Works seamlessly across desktop, tablet, and mobile devices
• 🌐 Browser-Based: No installation required—works in any modern web browser
• ⚙️ Lightweight: Minimal dependencies for fast loading and performance
• 🌓 Modern UI: Clean interface focused on the canvas.

---

🛠️ Tech Stack

• Frontend: React
• Build Tool: Vite
• Language: JavaScript
• Styling: CSS

---

⚙️ Installation and Setup

Follow these steps to run the project locally on your machine.

Prerequisites

• Node.js (Version 16 or higher recommended)
• npm or yarn

Steps

1. Clone the repository

   git clone https://github.com/bhaumikmaan/web-whiteboard.git
   cd web-whiteboard

2. Install dependencies

   npm install
   # or
   yarn install

3. Run the development server

   npm start
   # or
   yarn start

4. Open in Browser Visit the URL shown in your terminal (usually http://localhost:5173) to view the app.

Building for Production

To create an optimized production build:

npm run build

Running Tests

npm test

Code Style & Linting

npm run lint

To fix linting issues automatically:

npm run lint:fix

Quick Keys

• Keyboard Shortcuts — Use quick keys for faster workflow:
  • cmd + L — Clear canvas
  • cmd + Z — Undo last action
  • cmd + Y — Redo last action
  • cmd + P — Select pen tool
  • cmd + E — Select eraser tool

---

🤝 Contribution and Issue

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Please read our CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

---

⭐ Show Your Support

If you find Web Whiteboard useful, please:

• ⭐ Star this repository on GitHub
• 🍴 Share with friends who might benefit
• 🐛 Report issues to help improve the project
• 💡 Contribute your ideas and improvements

---

Made with ❤️ by Bhaumik Maan