Syncora

A state-heavy productivity application built for freelancers and small teams — projects, tasks, statuses and progress views that stay fast as the workspace grows.

Freelancers juggle client work across notes apps, chats and spreadsheets. Existing tools are either too heavy for a two-person team or too shallow to track real delivery.

1. 01Designed a compact information architecture: workspace → project → task, with statuses that map to how freelance work actually moves.
2. 02Centralised application state so task edits reflect instantly across board, list and summary views.
3. 03Built keyboard-friendly interactions for the actions used dozens of times a day.
4. 04Kept the interface dense but calm — high contrast, monospace metadata, no decorative chrome.

• Information architecture kept to workspace → project → task so the mental model survives a growing workspace.
• Central state with narrow component subscriptions keeps board, list and summary views instantly consistent.
• Dense but calm interface: high contrast, monospace metadata, keyboard paths for the actions used dozens of times daily.

• Keeping renders cheap as task counts grew — solved with memoised selectors and narrow component subscriptions.
• Designing status semantics that are opinionated enough to be useful without becoming a rigid process.
• Making a multi-view application usable on a phone without hiding half the functionality.

• →Application UX lives or dies on state architecture decided in week one.
• →For daily-use tools, keyboard paths matter more than onboarding polish.
• →Constraining scope to freelancers made every product decision easier.

• React
• TypeScript
• Tailwind CSS
• Central state store
• Memoised selectors
• Responsive app shell

• Freelance delivery tracked in one place instead of four apps.
• Interface stays responsive with large task volumes.
• Component patterns reused across later client tools.