Collaborative Whiteboard Application

A simple whiteboard application built using React and Fabric.js, with real-time collaborative editing on the cloud.

---

Features

Current

1. Drawing Capabilities:

   • Users can draw freely on a canvas using Fabric.js.
   • The canvas is initialized with drawing mode enabled.

2. Toolbar:

   • Brush Color: Pick any color for your brush using a color picker.
   • Brush Size: Adjust the brush size dynamically.
   • Clear Canvas: Clear all drawings and reset the canvas to a white background.

Planned

1. Real-time Collaboration:

   • Multiple users will be able to edit the canvas simultaneously.
   • Changes will be synced in real time using cloud integration.

2. Cloud Storage:

   • Save and load drawings from the cloud.
   • Support for session-based or user-specific canvases.

---

Getting Started

Prerequisites

• Node.js (v16+ recommended)
• npm or yarn

Setup

1. Clone the repository:

   git clone https://github.com/your-username/your-repo-name.git
   cd your-repo-name
   

2. Install dependencies: npm install
3. Run the development server: npm run dev

Technologies Used

• React: For the frontend framework.
• Vite: For fast development and build tooling.
• Fabric.js: For canvas manipulation and drawing features.

License

This project is licensed under the MIT License.