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.
- 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.
- 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.
Follow these steps to set up the project locally:
- Clone the Repository:
git clone <repo_link> cd DrawMate
- Install Dependencies:
npm install
- Start the server
npm run dev
The application is running on http:localhost:5173/