Throughline
A privacy-first React PWA planner that keeps goals, tasks, notes, boards, and timelines usable offline, with optional encrypted sync across devices.
Role:Product strategy, interaction design, local-first architecture, and privacy model
- React
- TypeScript
- IndexedDB
- PWA
- End-to-End Encryption
Problem
Planning tools often fragment work across disconnected lists and become unreliable when a connection or a hosted service is unavailable.
Constraint
The product must work offline and sync between devices without turning private goals and notes into readable server data.
Decision
Use IndexedDB as the source of truth, encrypt sync records on-device, and keep push payloads deliberately redacted.
Outcome
A calm installable planner works locally first, while optional sync preserves privacy without changing the daily workflow.
Local data remains usable
Offline behavior
E2E-encrypted sync
Privacy proof
Goals · board · timeline
Planning views
Overview
Throughline is built around a simple promise: plans should remain calm and useful even when the connection is not. Goals hold the work, notes stay connected to it, and board and timeline views expose the same underlying plan without duplicating it.
Privacy by architecture
The browser owns the working data through IndexedDB. When a user enables sync, records are encrypted on-device with a password-derived key before they leave the device. The server stores ciphertext, and reminder payloads avoid task titles or other sensitive detail.
What I built
- A local-first PWA with goals, tasks, notes, projects, board, and timeline views.
- Encrypted cross-device sync that keeps the server out of the user’s private content.
- Notification infrastructure designed around redacted payloads.
- A visual system that favors calm, low-friction planning over constant engagement loops.