11 / 20AI, realtime & offline
Offline-First Notes
A notes app that works with no network, persists to IndexedDB and syncs when you're back.
- IndexedDB
- Offline-first
- Sync queues
- Optimistic updates
- Conflict resolution
stirling.lab/offline-notes Live demo
Loading demo…
What to notice
- Edits show instantly and save to IndexedDB within 300ms, with no spinners
- An outbox queue that drains to a simulated server when 'online'
- A network toggle to go offline, edit, then watch changes sync
- Conflict detection with a side-by-side resolve UI
How it's built
- IndexedDB is wrapped in a tiny promise API with versioned schema upgrades.
- Each note remembers the server version its edits are based on; the server rejects stale writes so the client must merge.
Hand-built in React 19 + TypeScript, with no UI or chart libraries.