Coder Social home page Coder Social logo

muhammad-umaair / alarm-clock-web-app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 690 KB

An elegant Alarm Clock web app with analog & digital display. Set multiple alarms, enjoy a sleek design, and stay organized. Built with HTML, CSS, & JavaScript.

Home Page: https://umairkhan2662.github.io/Alarm-Clock-Web-App/

HTML 18.93% JavaScript 30.71% CSS 50.36%

alarm-clock-web-app's Introduction

Alarm Clock Web App

Overview

The Alarm Clock Web App is a simple web application that allows users to check the current time and set multiple alarms. It features both an analog and digital clock display, providing an intuitive way to visualize time. The application is designed to be user-friendly and responsive, ensuring it works well on various devices.

Features

Analog Clock:

A visually appealing analog clock representation with clock hands, numbers, and a colorful clock face.

Digital Clock:

Displays the current time, including hours, minutes, seconds, and AM/PM.

Alarm Management:

Users can set multiple alarms with customizable hour, minute, second, and AM/PM settings.

Alarm List:

Shows a list of set alarms, making it easy to manage and track upcoming alarms.

Alarm Notifications:

When an alarm time is reached, the application notifies users with a ringing sound, and they can stop the alarm with the "Stop Alarm" button.

Responsive Design:

The application adjusts its layout and styling to provide a seamless experience on screens of various sizes, including mobile devices.

Usage

Visit the Alarm Clock Web App hosted at [URL]. Observe the current time displayed on the analog and digital clocks. To set an alarm: Select the desired hour, minute, second, and AM/PM settings from the dropdown menus. Click the "Set Alarm" button. Alarms you set will appear in the alarm list. When an alarm rings, click the "Stop Alarm" button to silence it. Manage your alarms by clicking the "Delete" button next to each alarm entry.

Installation

No installation is required since this is a web application. Simply open the provided URL in your web browser.

Contributing

Contributions to this project are welcome! Feel free to submit issues, feature requests, or pull requests.

License

This project is licensed under the MIT License.

Author

Muhammad Umair

Contact

For inquiries or feedback, please contact [[email protected]].

PRODUCT DEMO

![Alarm-Clock]

LINKS

LIVE PRODUCT ย  CODE



Connect With Me @

alarm-clock-web-app's People

Contributors

muhammad-umaair avatar

Stargazers

Muhammad Umair avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.