https://github.com/immortalwebdev/analog-clock
A simple analog clock built with pure HTML, CSS, and JavaScript. Real-time display with accurate hour, minute, and second hands. Features a sleek and visually appealing design with smooth hand movements. Lightweight solution with no external dependencies—perfect for embedding in web projects.
https://github.com/immortalwebdev/analog-clock
analog-clock github html5 vanilla-javascript vanillacss vercel-deployment
Last synced: 2 months ago
JSON representation
A simple analog clock built with pure HTML, CSS, and JavaScript. Real-time display with accurate hour, minute, and second hands. Features a sleek and visually appealing design with smooth hand movements. Lightweight solution with no external dependencies—perfect for embedding in web projects.
- Host: GitHub
- URL: https://github.com/immortalwebdev/analog-clock
- Owner: immortalWebDev
- Created: 2024-08-27T18:20:51.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-11-17T09:03:58.000Z (7 months ago)
- Last Synced: 2025-02-02T01:41:22.549Z (4 months ago)
- Topics: analog-clock, github, html5, vanilla-javascript, vanillacss, vercel-deployment
- Language: CSS
- Homepage: https://analog-clock-piyush.vercel.app
- Size: 43.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🕑 Analog Clock
Welcome to the Analog Clock project! This simple yet elegant tool displays the current time using a classic analog clock design. Perfect for learning about CSS transformations and JavaScript, this project brings a touch of traditional timekeeping to your web applications.
### 🌟 Features
Real-Time Display: Shows the current time with accurate hour, minute, and second hands.
Sleek Design: A visually appealing clock face with smooth hand movements.
No Dependencies: Pure HTML, CSS, and JavaScript for a lightweight solution.
### 🚀 Getting Started
- Prerequisites To run this project, you only need a web browser!
- No installation is required! Just clone this repository and open the index.html file in your preferred web browser.
- ```git clone https://github.com/immortalWebDev/Analog-Clock.git```
- Do ```cd folder-name``` in terminal then run your project
### 👥 Usage
- Open the index.html file in your web browser.
- The clock will automatically display the current time.
### 🛠️ Technologies Used
- HTML5: For structuring the clock's HTML elements.
- CSS3: To style the clock face and hands for a modern look.
- JavaScript: To dynamically update the clock hands every second using date and time functions.
### 🤝 Contributions
- Contributions are welcome! If you have ideas, suggestions, or improvements, feel free to create a pull request or open an issue.
- Star and Fork the repo to stay updated!
### 📜 License
- This project is licensed under the MIT License.
### 📞 Contact
- If you have any questions or need further assistance, feel free to contact me:
- 📧 Email: [email protected]
- 💻 GitHub: immortalWebDev
#### Give a ⭐ of you like this simple project
#### Created with 💘 by Piyush