Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

11 Commits

Repository files navigation

🕒 Analog Clock Web App

A simple, responsive analog clock built using HTML, CSS, and JavaScript. This project demonstrates how to create a real-time clock in the browser using basic front-end technologies. Ideal for beginners looking to improve their DOM manipulation and styling skills.

🌟 Features

  • Displays current time in analog format
  • Real-time updates every second
  • Responsive and scalable design
  • Pure HTML/CSS/JS – no frameworks or libraries
  • Lightweight and fast
  • This clock supports both light and dark themes to suit different environments and user preferences.

🚀 Live Demo

🔗 View it live

🛠️ Technologies Used

  • HTML5 – Structure of the clock
  • CSS3 – Styling, layout, and animation
  • JavaScript (ES6) – Logic for real-time clock movement

📁 Project Structure

clock/
├── clock.png # Favicon
├── index.html # Main HTML file
├── README.md # Project documentation
├── script.js # Clock functionality
└── style.css # Clock styling

Clone the repo

🙌 Contributing

Contributions, issues, and feature requests are welcome! Feel free to open a pull request or submit an issue.

📄 License

This project is licensed under the MIT License. Feel free to use and modify it for personal or commercial projects.

👨‍💻 Author

Nirdhum

About

🕒 A responsive analog clock built with HTML, CSS, and JavaScript. Features real-time updates and toggleable light/dark mode for better accessibility and style.

Topics

Resources

Stars

6 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages