search

SyedArslanHaider / Coursework-Planner

Your coursework planner
0 stars 0 forks source link

[TECH ED] Build alarmclock app #147

Closed SyedArslanHaider closed 1 day ago

SyedArslanHaider commented 4 days ago

@SallyMcGrath cloned issue Migracode-Barcelona/Module-JS2#22 on 2024-07-05:

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

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

SyedArslanHaider commented 2 days ago

https://github.com/SyedArslanHaider/Module-JS2/tree/week-3-branch