← Projects

React / TypeScript · Lab

Realtime Collaboration Lab

Demonstrate shared editing with ordered operations and reconnection.

Source available
GitHub

Architecture and data flow

Data flow
  1. React
  2. WebSocket
  3. transaction
  4. operation log
  5. clients

PostgreSQL owns durable ordering. LISTEN/NOTIFY is a signal rather than a durable message store.

Code and evidence

Pinned source links show the implementation and existing test files. Startup commands and documented verification boundaries are in the README at the same version. This website audit is not a fresh CI run of every project.

Licence: MIT · Source checked on 12.10.2026

Learn through tutorials