🕰️ Time Tools

A lightweight, single-page application comprising a World Clock and a Time Zone Converter. Built with Vanilla JavaScript, CSS, and HTML. No external dependencies or backend required.

🚀 Live Demo

Try the tool here: https://thettun-web.github.io/time-tools/

✨ Features

1. World Clock

• Real-time updates: Clocks update every second.
• Auto-detection: Automatically detects and adds your local time zone on load.
• Searchable: Add any IANA time zone (e.g., 'Asia/Tokyo', 'Europe/Berlin') using an autocomplete input.
• Responsive Grid: Cards rearrange automatically for mobile or desktop.

2. Time Converter

• Smart Conversion: Convert any specific date and time from a source city to a target time zone.
• Visual Feedback: Clearly highlights the date and time differences.
• DST Aware: Accurately handles Daylight Saving Time adjustments for historical or future dates.
• User Friendly: Source inputs pre-fill with your local time for quick checking.

🛠️ Technologies

• HTML5
• CSS3 (Modern CSS Grid & Flexbox, Dark Mode variables)
• JavaScript (ES6+, Intl.DateTimeFormat API)

📂 Setup

1. Clone the repository or download the files.
2. Ensure index.html and bmc_qr.png are in the same folder.
3. Open index.html in any modern web browser.

☕ Support

If you found this tool helpful, you can support the development here: Buy Me a Coffee