[TECH ED] Build alarmclock app

From Module-JS2 created by Dedekind561: CodeYourFuture/Module-JS2#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

[x] 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
[x] Given the alarm is set with a valid time When one second passes Then the "Time Remaining" title should decrement by 1 second
[x] Given the alarm is set with a time of 00:00 When the timer reaches 00:00 Then the alarm sound should play continuously
[x] Given the alarm sound is currently playing When the user clicks the "Stop Alarm" button Then the alarm sound should stop playing
[x] 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
[x] 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

How to get help

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

How to submit

Fork to your Github account.
Make a branch for this project.
Make regular small commits in this branch with clear messages.
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

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

BakhatBegum / My-Coursework-Planner