Scribble

A drawing app which allows multiple users to draw on the same canvas in real-time.

<img width="1440" alt="Screenshot 2024-08-28 at 1 03 58 AM" src="https://github.com/user-attachments/assets/2828be9d-a6d0-4a44-9704-5057e548372d">

Features

• color picker
• customizable stroke color, stroke width, and dash gap
• undo, save actions
• toast notifications
• light/dark theme

Tech Stack

• Next.js
• TailwindCSS
• shadcn ui
• React Hook Form
• Zod
• Zustand
• Express.js
• Socket.io

Getting Started

Run this command in the root folder.

pnpm dev

or

Change the directory into each folder and run.

cd server
pnpm dev

cd client
pnpm dev

You can now play around with it.