🌍 World Clock Application

A lightweight, responsive web application that displays real-time clocks and dynamic time zones from cities around the globe. Built using pure Vanilla HTML5, CSS3, and JavaScript, without external frameworks or dependencies.

---

🚀 Live Demo

Check out the live application hosted on GitHub Pages:
👉 View Live Demo

---

✨ Features

• Real-Time Clock: Displays current local time updated dynamically every second.
• Multiple Time Zones: Track time across major world cities simultaneously.
• Responsive Design: Optimized for desktops, tablets, and mobile devices.
• Zero External Dependencies: Built with pure vanilla web technologies for fast loading and low overhead.

---

🛠️ Built With

• HTML5: Semantic structure and content layout.
• CSS3: Custom styling, Flexbox/Grid layout, and responsive media queries.
• JavaScript (ES6+): Dynamic time calculations, DOM manipulation, and setInterval execution.
• Assets: Custom icons and images stored locally.

---

📁 Project Structure

world-clock/
│
├── images/        # Static visual assets and icons
│   └── clock-icon.png
├── index.html     # Main HTML structure
├── style.css      # Custom styles and responsive layouts
├── script.js      # Time logic and dynamic DOM rendering
└── README.md      # Project documentation

---

⚙️ Local Development Setup

To run this project locally on your machine, follow these steps:

1. Clone the repository:

   git clone https://github.com/vijaykumarwalikar/world-clock.git
   

2. Navigate to the project directory:

   cd world-clock
   

3. Open the application:

• Double-click index.html to open it directly in any web browser, or
• Open the folder in VS Code and use the Live Server extension.

---

📄 License

This project is open-source and available under the MIT License.

Use it however you want. Attribution is appreciated, not required.