Focus One

A productivity system built around focused, single-task work.

TECH STACK:ReactTypeScriptTailwind CSSIndexedDBWeb Audio API

THE PROBLEM

Operational Friction

Traditional productivity tools encourage complex backlog organization and multi-tasking rather than actual execution, creating cognitive overload and friction before getting into deep work.

THE SOLUTION

Targeted Architecture

Focus One strips away complex task hierarchies in favor of a single active task, an ambient timer, and local-first session logs.

CAPABILITIES // PRODUCT FEATURES

Key Product Capabilities

Single active task focus mode
Distraction-free ambient timer
Local-first data persistence using IndexedDB
Synthesized ambient audio white noise
Exportable plain-text work logs

ENGINEERING OBSERVATIONS

Architecture & Decisions

Designed completely client-side without authentication or cloud dependencies to ensure zero latency and full privacy for personal notes.

## Project Overview Focus One explores how minimal interface design can promote sustained attention. Rather than managing complex project boards, the application asks one question: **What is the single thing you are working on right now?** ### Technical Approach - **Local-First Storage**: Session metrics and task notes persist locally inside the browser using IndexedDB. - **Web Audio Generation**: Ambient noise generators (Brown noise, white noise, soft rain) are synthesized directly in the browser using Web Audio API nodes without streaming external audio assets. - **Keyboard-Driven Shortcuts**: Quick activation, session pauses, and task logging through keyboard hotkeys (`Space` to toggle, `Cmd+K` to switch task).

SPECIFICATION SHEETJTM/SPEC

IDENTIFIERfocus-one

STATUSPROTOTYPE

YEAR2026

ORIGINJATIMULYO / ID