FocusWork — Focus Support App
A mobile app that provides a natural transition into focus and an immersive experience. Manages 15/25/45/90-minute timers, a 4-7-8 breathing guide, task templates, and daily stats locally.
Duration
In-house development
Team
1 person
01 // OVERVIEW
Project Overview
A React Native (Expo) mobile app that supports the transition into focused work. Centered on four preset timers (15/25/45/90 minutes) and an immersive-experience UI, it includes task template selection, a 4-7-8 breathing guide, session persistence via local storage, and daily statistics. All data is managed locally on the device.
02 // KEY FEATURES
Key Features
Four preset timers and immersive UI
Choosing one of the 15/25/45/90-minute presets and starting the timer switches the app into a dedicated immersive UI for focus mode. Progress display and visual feedback on completion make the boundaries of each focus session clear.
4-7-8 breathing guide
Includes a built-in step-by-step guide for the 4-7-8 breathing technique as preparation before focusing. It walks the user through the inhale, hold, and exhale phases on screen to help ease the transition into a focused state.
Local persistence and daily statistics
The StorageService records each FocusSession's completion status, interruption count, and actual focus time locally, and displays today's focus time as daily statistics. Data is stored only on the device.
03 // TECHNICAL DEEP-DIVE
Technical Highlights
Solution
UX design for a "natural transition into focus"
Transitioning from the normal UI to an immersive UI after starting the timer creates a clear experiential boundary of "entering focus mode." Placing the breathing guide beforehand encourages a calm transition rather than an abrupt start.
04 // IMPACT & RESULTS
Results
4 presets
15/25/45/90-minute timers included
Local-only
All data managed on the device
Daily stats
Automatically tallies today's focus time