All projects

web

A real-time collaborative board

Two browsers, one canvas, changes appearing instantly — and a story for what happens when they conflict.

advancedTypeScript~45h

Why it matters

Real-time is where frontend stops being forms. Interviewers ask what happens when two people edit the same thing at once, and this is a project where you have actually had to answer it.

What you build

  • A WebSocket server broadcasting changes
  • Optimistic local updates that reconcile with the server
  • Presence: who else is here and where their cursor is
  • A documented conflict-resolution rule

If you want more

  • Add offline editing with a replay queue
  • Persist and replay history

Build it 5 steps

Material for the whole build

Shows you can reason about distributed state, which is the hard part of real-time and the part people bluff.

Get a plan built around projects like this