Whiteboard Collaboration

Overview

LIVE LINK

Whiteboard Collaboration is an interactive and real-time web application where users can create rooms and draw together on a shared canvas. This project utilizes modern web technologies to provide a seamless and responsive user experience.

Features

• Create Rooms: Easily create and join rooms for collaborative drawing sessions.
• Real-Time Collaboration: Draw together with multiple users in real-time using WebSockets.
• User-Friendly Interface: Intuitive and easy-to-use drawing tools.
• Customizable Colors: Use the color picker to choose your preferred drawing color.
• Clear Canvas: Quickly clear the canvas with a single click.

Technologies Used

• Next.js: React framework for building server-side rendered applications.
• Socket.IO: For real-time, bidirectional, and event-based communication.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• TypeScript: Type-safe JavaScript for better code maintainability.
• Turborepo: High-performance monorepo tool for managing multiple packages.

Follow these steps to get the project up and running locally.

Installation

1. Clone the Repository:

   git clone https://github.com/yourusername/whiteboard-collab.git
   cd whiteboard-collab
   
   

npm install

npm run dev

Because of the monorepo this will start both the frontend and the backend

Pull requests are welcome.