A customizable sequential timer application built with React and TypeScript.
- Add multiple named timer items with custom durations
- Sequential timer execution (items run one after another)
- Visual feedback for the currently active timer
- Sound notification when all timers complete
- Pause and reset functionality
-
Add Timer Items:
- Enter a name for your timer item
- Set the duration (hours, minutes, seconds)
- Click "Add item" to add it to the list
- Repeat to add multiple items
-
Start the Timer:
- Click "Start" to begin the sequential timer
- The first item will start counting down
- When it reaches zero, the next item will automatically start
- A sound will play when all timers have completed
-
Controls:
- Pause: Temporarily stop the current timer
- Reset: Reset all timers to their initial values
To use a custom notification sound:
- Add your sound file named
notification.mp3to the/publicdirectory - The app will automatically use this file when timers complete
- If no sound file is found, a fallback beep will be used
This project is built with React, TypeScript, and Vite.
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run buildMIT