← Back to Work
Product · Focus Tool
Deep Work
A focus-session tracker inspired by deep-work principles, with session logging and streaks.
ReactPWATimer
4 views · Last updated September 15, 2026
Overview
A focus-session tracker inspired by deep-work principles, with session logging and streaks. Built with React, PWA, Timer.
The Problem
Generic timer apps track elapsed time but not whether focus sessions actually add up to a sustained practice.
The Approach
- Built as a Progressive Web App in React so it installs and runs like a native app across devices.
- Implemented a focus-session timer with logging of completed sessions.
- Added streak tracking to reinforce consistency over single-session performance.
Key Engineering Decisions
Format
Shipped as a PWA to get installable, app-like behavior without a native app store distribution step.
Behavior model
Streaks and session logs, not just a countdown timer, to reflect deep-work practice as a habit.
What I Learned
A timer alone doesn't build a habit — logging and streaks did more to reinforce consistent use than the timer mechanic itself.