Lazy Graphics Pipeline

A hands-on session on conflict-tolerant, local-first collaboration. You'll make a graphics pipeline keep working — and stay understandable — while two people edit it at the same time.

Starter

The exercise. A working pipeline that silently drops one edit on a conflict. Your job: detect, visualise, and resolve. See EXERCISE.md inside.

Download starter.zip

Solution

The complete reference implementation — peek if you get stuck, or compare once you're done.

Download solution.zip

Quick start

  1. Unzip and open a terminal in the folder.
  2. Run the commands below, then open http://localhost:5173.
  3. Click “Open 2nd window”, take both offline, wire the same input differently, then go back online to create a conflict.
npm install
npm run dev