Client Development

Tech Stack

• Framework: React 18 + Vite
• Local DB: Dexie (IndexedDB wrapper) — see src/db.ts
• Styling: Tailwind CSS
• Types: Import from @dink-derby/shared-types

Local-First Pattern

All data operations follow this flow:

1. Write locally first — Update Dexie immediately
2. Queue for sync — Add entry to syncOutbox table
3. Read from local — UI always reads from Dexie
4. Sync in background — POST to /sync when online

Dexie Tables