Full-StackProductivityUX
FocusMode
Focus and productivity tracking system designed to reduce interruptions and improve workflow quality.
2024
The Problem
Developers lose significant deep-work time to untracked interruptions and fragmented focus sessions with no data to understand or improve the pattern.
The Solution
Built a focus-mode tracker that logs work sessions, visualizes interruption patterns, and provides session summaries, helping users understand and optimize their productivity rhythm.
My Role
Full-stack developer and product designer — built the session tracking logic, state management, and analytics UI.
Key Highlights
- Session-based focus tracking with interruption logging
- State management architecture that persists sessions across reloads
- Clean analytics dashboard for reviewing work patterns
Tech Stack
ReactNode.jsTypeScriptState ManagementUX