Third Time - Productivity Timer

A minimalist web app implementing the "Third Time" productivity method.

• Work for as long or short as you like, until you want or need to break
• Break for up to one-third of the time you've just worked
• Save unused break time for later
• Handle interruptions and big breaks (meals)

• Flexible work/break timing
• Break time banking system
• Interruption handling
• Big break support for meals
• Clean, distraction-free interface with flat design
• Consistent rounded corners throughout the UI
• Customizable break fractions (1/2, 1/3, 1/4, 1/5, 1/6)

1. Click "Start Working" to begin a work session
2. Click "Take Break" when you want to stop working
3. The app calculates your earned break time (work time ÷ 3)
4. Take your break and click "Resume Work" when ready
5. Any unused break time is saved for later

src/
├── backend/
│   └── index.ts                   # Static file server
├── frontend/
│   ├── components/                # Components
│   ├── favicon.http.tsx            # Favicon
│   ├── index.html                  # Main app interface
│   ├── index.tsx                   # React app entry point
│   ├── style.css                   # Styling
│   └── utils/                      # Utility functions
│       └── timer-actions.ts        # Timer actions
└── shared/
    ├── types.ts                    # Shared TypeScript types
    └── utils.tsx                   # Shared utility functions