A customizable Pomodoro timer productivity tool that allows users to create, save, and manage different timer configurations.

• Customizable Timer Settings: Adjust Pomodoro duration, short break, long break, and number of sessions
• Named Timer Presets: Save and reuse timer configurations with custom names
• Session Management: Automatic progression through Pomodoro sessions and breaks
• Visual & Audio Feedback: Clear visual indicators and optional sound notifications
• Persistent Storage: Timer presets are saved and persist between sessions

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   └── timers.ts        # Timer CRUD API endpoints
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main application component
│   │   ├── TimerDisplay.tsx # Timer display and controls
│   │   ├── TimerSettings.tsx # Timer configuration form
│   │   └── TimerPresets.tsx # Saved timer presets management
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css            # Custom styles
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

1. Create a Timer: Set your preferred Pomodoro duration, break times, and number of sessions
2. Save Presets: Give your timer configuration a name and save it for future use
3. Start Timer: Begin your Pomodoro session with visual countdown and automatic break transitions
4. Manage Presets: Load, edit, or delete saved timer configurations

1. Pomodoro Session (work time)
2. Short Break
3. Repeat for specified number of sessions
4. Long Break after completing all sessions
5. Option to restart the cycle

• GET /api/timers - Get all saved timer presets
• POST /api/timers - Create a new timer preset
• PUT /api/timers/:id - Update an existing timer preset
• DELETE /api/timers/:id - Delete a timer preset