This app will let you set and manage alarms and see current time ! This is a part of my frontend skills test
Clock face Clock 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 clock we have options for :
- Set the alarm
- Delete the alarm &
- Clear 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.
Steps involve in making website :
- First, I have make a HTML file with the help of normal notepad in HTML5 version in a standard form.
- Making the html body along with the Tags and classes
- Making a CSS file to design my crazy looking website.
- Once, the hTML and CSS file is done, i started building the jS file for the same.
- Now, this takes very much time as i don't know few things about some of the topics so,i studied them and made it back.
- For the testing purpose , i share the source code with my mentors and friends , so making the project a done.