https://github.com/deadpoolx7/drawmate
Live collaborative drawing website built using react + typescript, rough js and socket.io.
https://github.com/deadpoolx7/drawmate
Last synced: 3 months ago
JSON representation
Live collaborative drawing website built using react + typescript, rough js and socket.io.
- Host: GitHub
- URL: https://github.com/deadpoolx7/drawmate
- Owner: DeadpoolX7
- Created: 2024-07-11T07:46:21.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-11T08:06:58.000Z (11 months ago)
- Last Synced: 2025-01-21T06:14:02.202Z (4 months ago)
- Language: TypeScript
- Size: 46.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DrawMate
**DrawMate** is a live collaborative drawing platform that enables multiple users to create and share drawings in real-time. Built with React and TypeScript, it leverages Rough.js for sketchy graphics and Socket.io for seamless communication between users.
## Features
- **Real-Time Collaboration**: Multiple users can draw simultaneously on the same canvas, fostering creativity and teamwork.
- **Sketchy Graphics**: Utilizes Rough.js to render hand-drawn-like graphics, giving your drawings a unique and artistic feel.
- **Responsive Design**: Optimized for various screen sizes, ensuring a smooth experience across devices.
## Technologies Used
- **Frontend**: React with TypeScript for robust and maintainable user interfaces.
- **Real-Time Communication**: Socket.io enables low-latency, bidirectional communication between clients.
- **Graphics Rendering**: Rough.js provides the sketchy, hand-drawn effect for the drawings.
- **Styling**: Tailwind CSS is used for efficient and responsive styling.
## Getting Started
Follow these steps to set up the project locally:
1. **Clone the Repository**:
```bash
git clone
cd DrawMate
```
2. **Install Dependencies**:
```bash
npm install
```
3. **Start the server**
```bash
npm run dev
```
The application is running on `http:localhost:5173/`