🖌️ DoodleDuo

DoodleDuo is a real-time collaborative sketching web app. Draw solo or start a live session and invite a friend using a unique session code to sketch together instantly. It's fast, clean, and designed for instant creativity.

---

🌐 Live Demo

🔗 Launch DoodleDuo

---

🚀 Features

• 🎨 Solo Drawing – Sketch on your own using an intuitive canvas.
• 👥 Collaborative Sessions – Share a session code and draw together live.
• ✏️ Brush Tools – Select different colors and stroke sizes.
• 🧹 Clear Canvas – Start fresh with a single click.
• 🔗 Live Sync with Socket.IO – Real-time updates between users.

---

🛠️ Tech Stack

Frontend

• React (JavaScript) – Interactive UI and application logic
• Tailwind CSS – Utility-first styling framework
• Konva + React-Konva – High-performance canvas rendering

Backend

• Node.js + Express (TypeScript) – API, session, and socket setup
• Socket.IO – Real-time drawing synchronization
• MongoDB – Stores users and sketches

---

🧭 How It Works

✏️ Solo Drawing

• Start sketching as soon as the page loads.
• Use the toolbar to:
  • Change brush color
  • Adjust stroke width
  • Clear the canvas

👥 Start a Session

• Click “Create Session”
• Copy the generated session code
• Share it with a friend

🔗 Join a Session

• Click “Join Session”
• Enter a valid session code
• Start drawing together in real time

---

📸 Screenshots

• Solo Drawing Interface
  The clean canvas with a toolbar for colors and stroke sizes, perfect for solo sketching.
  

• Collaborative Session
  Two users drawing together in real-time with seamless Socket.IO sync.
  

• Create Session
  Generate a unique session code to share for collaborative sketching.
  

• Join Session
  Enter a session code to join a friend’s live drawing session.
  

• Multiple Sketch Support
  Easily manage and switch between different sketches or sessions. Great for working on multiple ideas or saving progress separately.