adityachauhan2510 / drawit

Real-time collaborative drawing application

Draw-It

Draw-It is a real-time collaborative drawing application that was developed with Socket.IO on the server side and Next.js on the client side. With the help of this website, several people may all sketch at once on the same canvas.

Table of Contents

• Features

• Prerequisites

• Installation

• Usage

Features

• Real-time collaborative drawing
• Multi-user support
• Responsive design for different screen sizes
• Easy to use interface

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js (v14 or higher)
• npm or yarn

Installation

To install Draw-It, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/draw-it.git
   cd draw-it
   

2. Install the client dependencies:

   cd client
   npm install
   

3. Install the server dependencies:

   cd ../server
   npm install
   

Usage

To start the development server, follow these steps:

1.Start the server:

cd server
tsc -b
node dist/server.js

2.Start the client:

cd ../client
npm run dev

3.Open your browser and navigate to "http://localhost:3000"