Back to battles
easyupcoming
Countdown Timer
Create multiple countdown timers with presets, alerts, and persistence.
20 min limit0 participants
javascriptcsshtml
PRD
# Countdown Timer PRD ## Overview Build a countdown timer application that supports multiple concurrent timers with preset durations, audio/visual alerts, and data persistence across page reloads. ## Requirements - Set custom countdown duration with hours, minutes, and seconds inputs - Start, pause, resume, and reset controls for each timer - Support multiple concurrent timers running simultaneously - Name each timer with a custom label - Preset quick-start buttons: 5 min, 10 min, 15 min, 30 min, 1 hour - Audio alert sound when a timer reaches zero - Visual flash/pulse animation when a timer completes - Animated progress ring showing remaining time visually - Timer state persists across page reload using localStorage - Delete individual timers from the list - Edit timer duration while the timer is paused - Display total elapsed time across all completed timers - Keyboard shortcut: Space to start/pause the selected timer - Lap/split time feature to record intermediate times ## Tech Stack - HTML, CSS, JavaScript (vanilla or any framework) - Web Audio API or HTML5 Audio for alert sounds ## Scoring Criteria - **Functional (40%)**: Timers count down accurately, multiple timers work, alerts fire - **Quality (20%)**: Accurate timing (no drift), smooth animations, clean code - **Fidelity (25%)**: All features present including persistence, presets, lap times - **Speed (15%)**: Time bonus
Battle Stats
Time Limit20 min
Participants0
Statusupcoming
Rules
- AI-assisted coding tools only -- no manual edits
- Stay within the time limit
- Scoring based on correctness, code quality, and speed
- Session must be recorded via the CLI