live link = https://ashishpahel.github.io/Alarm-clock/
This app will let you set and manage alarms and see current time ! This is a part of my frontend skills test.
The query given to me is like :
Clock face showing the current time (seconds,mins,hrs should change as time changes)
Set Alarm Provide input boxes to set an alarm (hr,min,sec, am/pm)
Once the sets the time and click “Set Alarm” button, add that alarm to the alarms list below.
When the alarm goes of just use JS alert function to alert in the browser.
Alarms list Display a list of all the alarms set by user.
Delete alarm For each alarm give a delete button to delete the alarm.
In the Screenshot you can see that we have options for :
1.Set the alarm
2.Stop the alarm
3.Delete the alarm
Once, the local time is matched with the alarm, it will show an alert message as well as start ringing the mp3 file.
It will look like this :