DoodleHub

DoodleHub is a real-time collaborative drawing application that enables users to draw and collaborate on a shared canvas in their web browsers. This application is developed using Socket.io, Typescript, and Node.js.

Features

• Real-time Collaboration: Multiple users can draw simultaneously on a shared canvas.
• Drawing Tools: Pencil and rectangle tools are available for creating drawings and shapes.
• Socket.io Integration: Facilitates seamless communication and synchronization between users in real-time.
• Responsive Design: Supports various screen sizes and devices for a consistent experience.

Screenshots

1. Create and Join the room

2. Two different users on the different browsers can collborate.

Table of Contents

• Installation
• Technologies Used
• Contributing

Installation

To run this application locally, follow these steps:

1. Clone the repository:

2. Open the project and the run the command to install the node modules :

   npm install

3. Go the frontend folder and run the following command :

   cd frontend
   npm install

4. To run the backend (prerequisite : bun installation) :

   bun dev

5. To run the frontend :

   cd frontend
   bun dev

Technologies Used

1. NodeJs
2. Typescript
3. Socket.io
4. Bun.js

Contributing

The project is open for the contribution and suggestion are welcomed.