DEV Community

Cover image for DoodleSync: Real-Time Collaborative Canvas Where Two Artists Draw as One
Puneet-Kumar2010
Puneet-Kumar2010

Posted on

DoodleSync: Real-Time Collaborative Canvas Where Two Artists Draw as One

#javascript #webapp #sharepoint #design

Hey fellow creators! Ever scribbled with someone live, watched their strokes brush right beside yours, no lag, no login? Say hello to DoodleSync.

What Is DoodleSync?

DoodleSync is a real-time collaborative art webapp. Two users (or more if you're feeling adventurous) can jump into a shared canvas without signing up—just create a room, share the link, and let the drawing wars begin.

Try it out: Live demo here.

How It Works

  1. Click Create Room → Instantly get a unique link.
  2. Share it with someone (friend, crush, random artist online).
  3. Draw together in real-time—with pencils, brushes, shapes, and a full color palette.
  4. Use room controls to clear the canvas, lock the session, or save your masterpiece as an image.
  5. No clutter, no login walls—pure artistic freedom.

Why It Matters

  • Zero friction: No accounts, no hassle—just art.
  • Instant sync: Watch your strokes bloom on the other person’s canvas as you draw.
  • Artist-friendly tools: Brush, shape, erase, color—everything you'd expect for expressive creation.
  • Room controls: Want to lock the room or clear the canvas? You got it.
  • Easy save/share: Export your work for socials or prints.

The Dev-Side Beat

This project sits at the intersection of excitement and frustration—real-time bugs (like lag or unsynced strokes) still haunt collab sessions. UI needs a glow-up. But the vision? Spot on.

That’s where you come in. If you vibe with WebRTC/WebSockets, UI/UX makeovers, or creative brush coding—we’ve got issues labeled help wanted, good first issue, bug, UI/UX, and enhancement waiting for your magic touch.

⏩ Repo: DeveloperPuneet/DoddleSync

What I'd Love to Add (and what you could help build):

  • Fancy brush types (calligraphy, spray, pressure-sensitive strokes?)
  • Smooth zoom, pan, undo/redo flows.
  • Photoshop-style layers.
  • Export formats (PNG, JPEG).
  • Invite-link system and live chat while you draw.
  • Make the UI slicker than a fresh sketchbook.

TL;DR

DoodleSync is real-time, no sign-up collaborative drawing—straight-up creative freedom on the web.

Check it out, drop feedback, or code contributions—let’s make it the go-to for spontaneous shared artistry.

P.S. I’m always skeptical of “this will work flawlessly”—because it probably won’t. But that’s half the fun, right? Let’s fix it together.

— Puneet

Top comments (0)