https://github.com/geekyharsh05/analog-clock

This is a simple realtime analog clock project built using HTML, CSS, and JavaScript.
https://github.com/geekyharsh05/analog-clock

analog-clock clock css html javascript realtimeclock webapp webdevelopment

Last synced: about 2 months ago
JSON representation

This is a simple realtime analog clock project built using HTML, CSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/geekyharsh05/analog-clock
• Owner: geekyharsh05
• License: mit
• Created: 2023-05-19T18:08:02.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-22T08:51:01.000Z (about 3 years ago)
• Last Synced: 2025-01-02T20:19:29.894Z (over 1 year ago)
• Topics: analog-clock, clock, css, html, javascript, realtimeclock, webapp, webdevelopment
• Language: CSS
• Homepage: https://analogclockharsh.vercel.app
• Size: 10.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# :clock330: Analog Clock

[![License](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

![HTML](https://img.shields.io/badge/-HTML-orange?logo=html5&logoColor=white)

![CSS](https://img.shields.io/badge/-CSS-blue?logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/-JavaScript-yellow?logo=javascript&logoColor=white)

This is a simple analog clock project built using HTML, CSS, and JavaScript. It displays the current time using hour, minute, and second hands on a traditional analog clock face.

![Analog Clock](https://cdn.pixabay.com/photo/2016/03/31/20/15/analog-clock-1295631_1280.png)

## :technologist: Technologies Used

- HTML

- CSS

- JavaScript

## :white_check_mark: Features

- Displays the current time accurately.

- Smooth animation for the clock hands.

- Real-time updates to reflect the current time.

## :rocket: Getting Started

To run the Analog Clock project locally, follow these steps:

1. Clone the repository:

```bash

   git clone git@github.com:geekyharsh05/Analog-Clock.git

```

2. Navigate to the project directory:

```bash

   cd Analog-Clock

```

3. Open the index.html file in your preferred web browser.

## :clapper: Demo

You can see a live demo of the Analog Clock project [here](https://analogclockharsh.vercel.app).

## :handshake: Contributing

Contributions are welcome! If you would like to contribute to the Analog Clock project, please follow these steps:

   1. Fork the repository.

   2. Create a new branch for your feature or bug fix.

   3. Make your changes.

   4. Commit your changes, providing a descriptive commit message.

   5. Push your branch to your forked repository.

   6. Open a pull request, explaining your changes and their benefits.

## :memo: License

The Analog Clock project is licensed under the [MIT License](LICENSE).