Collaborative Drawing and Chat App

A real-time collaborative drawing and chat application built with p5.js, Express.js, and Socket.io. This project allows multiple users to draw on a shared canvas and chat with each other in real time.

Features

• Real-time collaborative drawing
• Text chat functionality
• User-friendly interface
• Responsive design

Demo

You can try the live demo here.

Technologies Used

• Frontend: p5.js
• Backend: Express.js
• Real-time Communication: Socket.io
• HTML/CSS/JavaScript

Setup

To run this project locally, follow these steps:

1. Clone the repository:

     git clone https://github.com/manthanabc/drawchat.git
     cd drawchat

2. Install the required dependencies:

     npm i

3. Start the server:

     npm start

4. Open your browser and go to http://localhost:3000.

Usage

1. Open multiple tabs or different browsers to simulate multiple users.
2. Use the drawing tools to create art on the canvas.
3. Use the chat box to communicate with other users in real-time.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.

1. Fork the repository.
2. Create your feature branch:

     git checkout -b feature/YourFeature

3. Commit your changes:

      git commit -m 'Add some feature'

4. Push to the branch:

     git push origin feature/YourFeature

5. Open a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.