Egg Timer is a simple, responsive web app for timing boiled eggs. Choose your preferred doneness (soft, medium, or hard), or set a custom time. The app features a circular timer visualization, ticking and alarm sounds, and a clean, modern UI.
- Select egg doneness: Soft (4:00), Medium (7:00), or Hard (10:00)
- Custom minute and second input
- Circular timer visualization (toggle on/off)
- Ticking sound during countdown
- Alarm sound and message when time is up
- Responsive design using Tailwind CSS
- Open
index.htmlin your browser. - Choose a doneness preset or enter a custom time.
- (Optional) Toggle the circular timer visualization.
- Click Start to begin the countdown.
- Use Pause or Reset as needed.
- When the timer ends, a "ding" will sound and a message will appear.
index.html– Main web pageegg-timer.js– Timer logic and UI interactionaudio/– Containstick-tock.mp3andding.mp3for soundsREADME.md– Project overview
You can change the default times for each doneness in egg-timer.js by editing the donenessTimes object.
UI built with Tailwind CSS. Sounds: tick-tock.mp3, ding.mp3