Alarm-Clock-Frontend-Project

This Application Project focusses on the design an alarm clock to notify and alert the user of the alarms he/she sets.

Alarm Clock Frontend Web Application

This is a simple Alarm Clock web application that allows users to set alarms, view the list of upcoming alarms, and delete alarms. The application displays the current time, and when an alarm goes off, it triggers an alert in the browser.

Features

1. Clock Face: The clock displays the current time, updating seconds, minutes, and hours as time changes.
   

2. Set Alarm: Users can set an alarm by providing the desired hour, minute, second, and AM/PM. Clicking the "Set Alarm" button will add the alarm to the list in the top to bottom fashion like the newly set alarm after the alarm set previously.
   

3. Alarms List: A list displaying all the alarms set by the user.
   

4. Delete Alarm: Each alarm in the list has a delete button. Users can click the button to remove the alarm from the list. Deleting an alarm does not trigger an alert.
   

Getting Started

To use and deploy this Alarm Clock web application, follow these steps:

1. Clone this repository to your local machine or download this main (root) folder: (https://github.com/DataWorker2001/Alarm-Clock-Frontend-Project.git)

2. Navigate to the original project file directory: Alarm-Clock-Frontend-Project/public/index.html

3. Usage:- To run the webpage, open the index.html and right click within the code window and Run with Live Server

4. On completing step 3 you must be able to see a webpage showing the alarm clock app in front of you.

Deployment:-

1. To deploy the application to Render, follow these steps:

2. Sign up for an account on Render (https://render.com) if you haven't already.

3. Create a new static site on Render and link it to your GitHub repository.

4. Set the environment variable PUBLIC_URL to your Render deployment URL. This will ensure that the assets are correctly referenced.

5. Whenever you push new changes to your GitHub repository, Render will automatically build and deploy the updated version of your Alarm Clock web application.

Contributing

If you'd like to contribute to this project, please follow the standard GitHub flow: fork the repository, create a new branch, make your changes, and submit a pull request. Any contributions are openly appreciated!

License

This project is licensed under the GNU GPL License - see the LICENSE file for details.

Acknowledgments

The Alarm Clock web application is based on the original code by Mr. ARPAN.