🎨 Picasso - Collaborative Drawing Reimagined

Think Visually. Draw Together.

A beautiful real-time collaborative drawing platform where ideas come to life

🚀 Live Demo · 📖 Documentation · 🐛 Report Bug · 💡 Request Feature

---

🌟 What makes Picasso special?

⚡ Lightning Fast Real-time collaboration with zero lag. See changes instantly as your team draws together. 🎯 Simple & Intuitive Jump in and start drawing immediately. No complex tutorials or steep learning curves. 🔒 Private Rooms Create secure drawing spaces. Share room codes only with your team.

🎨 Rich Drawing Tools Pencil, shapes, text, and more. Everything you need for visual thinking. 📱 Cross-Platform Works seamlessly on desktop, tablet, and mobile devices. 🌙 Beautiful Dark UI Modern, clean interface that's easy on the eyes during long sessions.

---

🎬 See it in Action

Real-time collaboration in action - multiple users drawing simultaneously

📹 Watch Full Demo Video

---

📦 Monorepo Structure

Picasso/
├── 🎨 apps/
│   ├── excalidraw-frontend/    # Main drawing application
│   ├── http-backend/           # REST API & authentication
│   └── ws-backend/             # Real-time WebSocket server
│
└── 📚 packages/
    ├── ui/                     # Shared React components
    ├── db/                     # Database layer (Prisma)
    ├── backend-common/         # Backend utilities
    ├── common/                 # Shared types & utils
    └── config/                 # Shared configurations

---

🚀 Quick Start

Prerequisites

• 🟢 Node.js 18+
• 📦 PNPM
• 🐘 PostgreSQL

1️⃣ Clone & Install

git clone https://github.com/Harsh-Wardhan-404/Picasso.git
cd Picasso
pnpm install

2️⃣ Database Setup

# Create .env in packages/db/
echo 'DATABASE_URL="postgresql://username:password@localhost:5432/picasso"' > packages/db/.env

# Run migrations
cd packages/db
npx prisma migrate dev
npx prisma generate
cd ../..

3️⃣ Launch 🚀

pnpm run dev

4️⃣ Open & Draw! 🎨

• Main App: localhost:3000

---

🛠️ Built With

Frontend	Backend	Database

---

🤝 Contributing

We love contributions! Here's how you can help:

🐛 Found a Bug?	💡 Have an Idea?	🔧 Want to Code?
Report it here	Suggest a feature	Fork & create PR

Development Workflow

1. 🍴 Fork the repository
2. 🌿 Create your feature branch (git checkout -b feature/AmazingFeature)
3. 💾 Commit your changes (git commit -m 'Add some AmazingFeature')
4. 📤 Push to the branch (git push origin feature/AmazingFeature)
5. 🔁 Open a Pull Request

---

🗺️ Roadmap

• 🔐 Advanced user authentication
• 📁 Drawing templates library
• 📱 Mobile app (React Native)
• 🎥 Session recording & playback
• 🌍 Internationalization (i18n)
• 🔌 Third-party integrations (Slack, Discord)

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

👨‍💻 Creator

Harsh Wardhan

"Think it. Draw it. Share it."

---

⭐ Star this repo if you find it helpful! ⭐

Made with ❤️ and lots of ☕