Skip to content

imedonii/TimeZone-Map

Repository files navigation

🌍 Timezone Map

Welcome to Timezone Map! 🕰️ A fully interactive world map that allows you to check the local time of any country with just a click! 🌎✨

🚀 Features

  • 🗺️ Interactive World Map – Click on any country to get its current local time.
  • Live Clock – Updates in real-time to keep you in sync with the world.
  • 🌐 Instant Timezone Lookup – Fetches data dynamically from an API.
  • 🎨 Smooth UI – Hover over countries to highlight them.

🔧 Technologies Used

  • ⚛️ React (TypeScript) – For building the interactive UI.
  • 🎨 CSS/Less – For styling the map and tooltips.
  • 🌍 Abstract API – To fetch real-time timezone data.

🛠️ Installation

# Clone the repo
git clone https://github.com/imedonii/TimeZone-Map.git

# Install dependencies
npm install

# Start the development server
npm run dev

📸 Screenshots

Screenshot From 2025-02-06 11-33-30

📜 How It Works

  1. 🖱️ Hover over a country to see it highlighted.
  2. 🌎 Click on a country, and its current local time will appear.
  3. 🕰️ The time updates in real-time, ensuring accuracy.

📌 Future Improvements

  • 🌍 Add support for Daylight Saving Time adjustments.
  • 📍 Allow users to search for a country instead of clicking.
  • 🔔 Enable notifications for timezone changes.

🤝 Contributing

Pull requests are welcome! 🎉 If you have any ideas or improvements, feel free to contribute.

📜 License

This project is licensed under the MIT License.


👨‍💻 Developed with ❤️ by Edon (https://github.com/imedonii)