Back to Projectsproductivity

Focus Timer App

A minimalist productivity timer that combines the Pomodoro technique with ambient sounds and focus analytics.

January 10, 2024
2 min read
Aaron M Sabu
React NativeTypeScriptExpoSQLite

Overview

Focus Timer is a mobile app designed to help users maintain deep focus through timed work sessions, ambient soundscapes, and progress tracking.

The Problem

Staying focused in a world of constant distractions is challenging. Existing timer apps often:

  • Are cluttered with unnecessary features
  • Lack ambient sound integration
  • Dont provide meaningful insights into focus patterns

Design Philosophy

The app follows three principles:

  1. Minimalism: Only essential features, no bloat
  2. Calm: Soft colors, gentle animations, soothing sounds
  3. Insight: Meaningful data about focus habits

Features

Customizable Timers

  • Preset modes: Pomodoro (25/5), Deep Work (90/15), Sprint (15/3)
  • Custom duration settings
  • Automatic break transitions

Ambient Soundscapes

  • Nature sounds (rain, forest, ocean)
  • White/brown/pink noise
  • Lo-fi beats
  • Mix and layer sounds

Focus Analytics

  • Daily, weekly, monthly focus time
  • Session completion rates
  • Best focus times (time of day analysis)
  • Streak tracking

Technical Details

Built with React Native and Expo for cross-platform compatibility:

// Example: Timer state management
const [timeLeft, setTimeLeft] = useState(duration);
const [isRunning, setIsRunning] = useState(false);

useEffect(() => {
  if (!isRunning) return;
  
  const interval = setInterval(() => {
    setTimeLeft((prev) => {
      if (prev <= 1) {
        handleSessionComplete();
        return 0;
      }
      return prev - 1;
    });
  }, 1000);
  
  return () => clearInterval(interval);
}, [isRunning]);

Data Storage

  • Local SQLite database for offline-first experience
  • Optional cloud sync for backup
  • Privacy-focused: all data stays on device by default

Results

User feedback has been positive:

  • 4.8/5 average rating in testing
  • Users report improved focus after one week
  • Most requested feature: team/shared focus sessions

Future Plans

  • Apple Watch companion app
  • Integration with calendar for automatic focus blocks
  • Social features for accountability partners