/scribble

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

Primary LanguageTypeScript

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.