[TECH ED] Build alarmclock app

[oyehan-uob]

From Module-JS2 created by Dedekind561: CodeYourFuture#45

Link to the coursework

Look up the alarmclock app in the week-3 directory to get started.

Why are we doing this?

These challenges are designed to develop your problem-solving skills.

Acceptance criteria

• Given the user has entered a number in the input field
  When the user clicks the "Set Alarm" button
  Then the "Time Remaining" title should update to show the entered number in mm:ss format

• Given the alarm is set with a valid time
  When one second passes
  Then the "Time Remaining" title should decrement by 1 second

• Given the alarm is set with a time of 00:00
  When the timer reaches 00:00
  Then the alarm sound should play continuously

• Given the alarm sound is currently playing
  When the user clicks the "Stop Alarm" button
  Then the alarm sound should stop playing

• Given the alarm is set with a time of 00:10
  When the timer reaches 00:00
  Then the background color should change
  And the alarm sound should play

• Given the user has not set an alarm
  When the page first loads
  Then the "Time Remaining" title should show 00:00
  And no alarm sound should play

Maximum time in hours

4

How to get help

Share your blockers in your class channel
https://syllabus.codeyourfuture.io/guides/asking-questions

How to submit

1. Fork to your Github account.
2. Make a branch for this project.
3. Make regular small commits in this branch with clear messages.
4. When you are ready, open a PR to the CYF repo, following the instructions in the PR template.

gitGraph
    commit id: "start"
    branch feature/alarmclock
    commit id: "skeleton page code"
    commit id: "Fonts and colours"
    commit id: "mobile layout"
    commit id: "lighthouse audit revisions mobile"
    commit id: "desktop layout"
    commit id: "lighthouse audit revisions desktop"
    checkout main
    merge feature/alarmclock

Loading

There are several projects in this repo. Make a new branch for each project.