Analog Clock

If you found this repository helpful, give us a ⭐️

A simple project that displays a real-time analog clock with the ability to switch between dark and light themes. The clock shows hours, minutes, and seconds using rotating hands, and you can toggle between two different color schemes for the clock's background and hands.

🌐 Live Demo

Check out the live demo of the Analog Clock with Dark & Light Mode here.

📸 Project Preview

Here's a sneak peek of the Analog Clock with Dark & Light Mode application:

Light Mode

Dark Mode

🚀 Features

• A real-time analog clock with moving hour, minute, and second hands.
• Dark mode and light mode toggle for different visual themes.
• Uses CSS for styling the clock, including animations for the rotating clock hands.
• JavaScript to dynamically update the clock hands every second.
• Responsive design to adjust the clock for mobile and desktop screens.

🛠️ Tech Stack

• HTML : For the structure of the clock and the toggle button.
• CSS : For styling the clock's appearance, background, and transitions between light and dark themes.
• JavaScript : For the logic to calculate the current time and rotate the clock hands in real-time. Also used for toggling between dark and light modes.

🧑‍💻 Getting Started

Follow the steps below to clone and use the project locally:

1. Prerequisites

Make sure you have Git installed. If not, you can download it here.

2. Clone the Repository

git clone https://github.com/DevGoyalG/Analog-Clock.git

🤝 Contributing

Contributions are welcome! If you have suggestions or want to report an issue, feel free to open an issue or create a pull request.

👨‍💻 Created by

This project was created and is maintained by: Dev Goyal

Feel free to reach out if you have any questions or suggestions! ❤️