🌍 Time Zone Finder

A simple and interactive web application that lets users search for a city and view its local time zone details — with an embedded map view.
Built using HTML, CSS, JavaScript, Axios, and Bootstrap.

🔗 Live Demo: https://parthasarathy27.github.io/Time-Zone/ :contentReference[oaicite:1]{index=1}
📦 Source Code: https://github.com/parthasarathy27/Time-Zone :contentReference[oaicite:2]{index=2}

---

🚀 Features

• 🔎 Search for any city’s time zone
• 🕒 Displays time zone info dynamically
• 🗺️ Embedded Google Map showing the location
• 📱 Responsive UI with Bootstrap
• 💡 Clean, modern design with smooth interaction

---

🧠 How It Works

1. User enters a city name in the input field
2. Clicks Search
3. The app uses JavaScript and Axios to fetch time zone/geo information
4. Time zone details and the map update dynamically

This is a client‑side app — no backend required!

---

📁 Project Structure

Time-Zone/ ├── index.html # Main UI ├── style.css # Custom styles ├── script.js # JavaScript logic (search + API calls) ├── README.md # Project documentation └── assets/ # (Optional) images or icons

yaml Copy code

---

🛠️ Tech Stack

• HTML5
• CSS3 + Bootstrap 5
• JavaScript (ES6+)
• Axios for HTTP requests
• Google Maps Embed API

---

🎨 UI Screenshot

---

💡 How to Use

1. Clone the repository:

git clone https://github.com/parthasarathy27/Time-Zone.git
Navigate into the project:

bash
Copy code
cd Time-Zone
Open index.html in your browser.

Enter a city name in the input and press Search!

📌 Contributing
Contributions, suggestions and improvements are welcome! Feel free to open issues or submit pull requests. 🙂