Mansi523 / AlarmClock

I had created the alarm clock application which is packed with some fantastic features features to help you stay organized and start your day right.

Clock and Alarm Application

This is a simple web-based clock and alarm application that allows users to view the current time, set alarms, manage their alarms, and receive alerts when alarms go off. This application is built using HTML, CSS, and JavaScript.

Features

Clock Face

• The clock displays the current time and updates in real-time. It shows hours, minutes, and seconds.

Set Alarm

• Users can set alarms by providing the following inputs:
  • Hour (1-12)
  • Minutes (0-59)
  • Seconds (0-59)
  • AM/PM selection
• Once the user sets the desired time and clicks the "Set Alarm" button, the alarm is added to the list of alarms below.

Alarms List

• The application maintains a list of all the alarms set by the user. Each alarm is displayed in the format: HH:MM:SS AM/PM.

Delete Alarm

• Each alarm in the list comes with a "Delete" button.
• When the user clicks the "Delete" button for an alarm, that alarm is removed from the list without triggering any alerts.

How to Use

1. Clone or download this repository to your local machine.

2. Open the index.html file in your web browser.

3. The clock face will display the current time.

4. To set an alarm, enter the desired hour, minutes, seconds, and select AM or PM. Then click the "Set Alarm" button.

5. The alarm will be added to the alarms list below the clock.

6. To delete an alarm, click the "Delete" button next to the respective alarm.

7. When an alarm time is reached, an alert will be triggered in your browser.

Technologies Used

• HTML
• CSS
• JavaScript

About

This is a simple alarm colck containing all the features metioned above.I had created this project to apply my basic knowledge and increase understanding in javascript html and css.

DEMO

• https://mansi523.github.io/AlarmClock/

Author

MANSI KUMARI