-
Sketch Party is a real-time sketching platform that allows users to create, join, and collaborate in rooms with shared canvases. Additionally, users can chat while in the room to keep conversations flowing!
-
This project was born out of my curiosity about how such collaborative platforms work and my desire to create one from scratch.
- Next.js: Provides a robust framework for server-rendered React applications.
- TypeScript: Ensures type safety and better developer experience.
- Socket.io: Enables real-time, bidirectional communication between client and server.
-
User Customization: Unique usernames and colors for each user.
-
Drawing Tools: Choose colors, adjust line width, use erasers, and undo actions.
-
Real-Time Chat: Keep the conversation flowing with an integrated chat.
- Download Option: Save your sketches directly from the platform.
- Emoji Reactions: Add emoji reactions for more interactive collaboration.
- Voice Chat: Communicate in real-time using voice, making collaboration even easier and more dynamic.
-
Clone the repo:
git clone https://github.com/your-username/sketchparty.git -
Navigate to the project directory:
cd sketchparty -
Install dependencies:
npm install -
Run the development server:
npm run dev -
Open your browser and navigate to:
http://localhost:3000
demo_video.mp4
- Feel free to open an issue on GitHub if you find any bug.
- Feel free to open an issue on GitHub to request any additional features you might need for your use case.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent