Skip to content

Countdown Timer — input, controls, and finish alert #163

@venisha-kalola

Description

@venisha-kalola

Project slug (e.g., snake, todo)

countdown-timer

Summary

Create a countdown timer with minute/second input, start/pause/reset, and a completion alert (sound + visual).

Details / Acceptance criteria

Acceptance Criteria:

  • Validates input (non-negative, reasonable max).
  • Start/pause/resume/reset function correctly.
  • Optional beep on finish (muted by default if no user gesture).
  • Title updates with remaining time during countdown.
  • Keyboard shortcuts: Enter (start/pause), R (reset).
  • Visually shows progress (e.g., progress bar or ring).

Files:

  • projects/countdown-timer/index.html
  • projects/countdown-timer/styles.css
  • projects/countdown-timer/main.js

Tasks:

  • Build inputs, controls, and progress UI.
  • Implement countdown using setInterval or rAF with drift correction.
  • Add finish handlers (sound + focus/ARIA live region).

Scope

  • UI changes
  • Logic changes
  • Accessibility
  • Tests (manual)

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions