Scrib-Draw

A modern, collaborative drawing application built with React, Konva.js, and TypeScript.

Live Demo

Features

• Interactive canvas with smooth drawing powered by Konva.js
• Pen and eraser tools with customizable properties
• Draggable canvas for easy navigation
• Real-time collaboration via WebSocket
• Modern UI with Next.js and Tailwind CSS

Tech Stack

Frontend

Libraries

Backend

Tools

Quick Start

# Clone and setup
git clone https://github.com/dotbillu/Scrib-draw.git
cd Scrib-draw
pnpm install
pnpm dev

Open localhost:3000

Project Structure

scrib-draw/
├── apps/
│   ├── web/           # Next.js frontend
│   └── ws-backend/    # WebSocket server
└── packages/
    ├── ui/            # Shared UI components
    ├── backend-common/# Backend utilities
    ├── eslint-config/ # ESLint configuration
    └── typescript-config/ # TypeScript configuration

License

MIT License - see LICENSE file for details.