⏰ clocky

A modern, multi-tool web application for time management, including a live clock, stopwatch, alarm, and labeled multi-timer. Designed for productivity, study sessions, and daily routines.

---

✨ Features

• 🕒 Live Clock: Analog & digital real-time clock with AM/PM toggle.
• ⏱️ Stopwatch: Track elapsed time with checkpoints.
• ⏰ Alarm: Set multiple alarms with custom labels & sounds.
• ⏳ Multi-Timer: Create multiple labeled countdown timers with progress bars.
• 🌗 Dark Mode: Automatic & manual dark/light theme switching.
• 📱 Responsive Design: Works on desktop & mobile devices.
• 🔗 Social Links: Quick access to developer's social media.

---

🗂️ Project Structure

📄 alarm.css
📄 alarm.html
📄 alarm.js
📄 homepage.css
📄 index.html
📄 homepage.js
📄 liveclock.css
📄 liveclock.html
📄 liveclock.js
📄 stopwatch.css
📄 stopwatch.html
📄 stopwatch.js
📄 timer.css
📄 timer.html
📄 timer.js

---

🚀 Getting Started

1. Clone or Download this repository.
2. Open index.html in your browser to access the main dashboard.
3. Navigate using the top navbar to access:
   • 🕒 Live Clock (liveclock.html)
   • ⏱️ Stopwatch (stopwatch.html)
   • ⏰ Alarm (alarm.html)
   • ⏳ Timer (timer.html)

No build step or server required—just open the HTML files.

---

🛠️ Usage

• 🌗 Dark Mode: Click the 🌙/☀️ button in the corner to toggle themes. Double-click to reset to auto mode.
• ⏰ Alarm/Timer: Set times & labels, receive alerts & sounds when time is up.
• ⏱️ Stopwatch: Start, pause, reset, and add checkpoints.

---

🎨 Customization

• 🎨 Edit CSS files for styling changes.
• 🔗 Update social links in the HTML footers as needed.

---

🙏 Credits

Created by Devang

Contact:
✉️ Email
📸 Instagram
💼 LinkedIn
🐙 GitHub

This project is for educational use. Feel free to modify and share!