MeteoMap 🌍🌦️

Welcome to MeteoMap! A web application that provides weather information for cities around the world and displays it on an interactive map.

Features ✨

• Get real-time weather data by entering a city name.
• View the weather information, including temperature, humidity, and description.
• Display weather data on an interactive map using Leaflet.
• Time slider to display weather data for different times of the day.
• Get Automatic location-based weather by activating your location and automatically fetching weather data based on your current position.

Technologies Used 💻

• HTML5 - Structure and content markup.
• CSS3 - Styling and layout design.
• JavaScript - Dynamic functionality and logical interactivity.
• Leaflet - Map integration.
• OpenWeather API - Real-time weather data Integration.

Configuration ⚡

To set up MeteoMap, you'll need your own API key for OpenWeather.

1. Sign up on OpenWeather and generate an API key.
2. Place the API key in the config.js file like this :

   export const API_KEY = 'your-api-key-here';

3. Make sure config.js is added to .gitignore to prevent it from being tracked in version control, as it contains sensitive information.

Setup Instructions ⚙️

Clone the repository 🔄

To get started, clone the repository to your local machine:

git clone https://github.com/OUimane/MeteoMap.git
cd MeteoMap

Open the App 🌐

Once the repository is cloned and the API key is set up, you can open the app by simply opening the index.html file in your browser.

Contributing 🤝

We welcome contributions to improve MeteoMap! Feel free to:

• Fork the repository
• Make changes or add features
• Submit a pull request Your contributions are always appreciated!

Feedback 💬

We’d love to hear your thoughts on MeteoMap! If you encounter any bugs or have feature suggestions, feel free to:

• Open an issue in the GitHub repository
• Reach out via email at imaneouchen16@gmail.com Your feedback helps us make the app better!

Acknowledgments 🙏

• OpenWeather: For providing real-time weather data via their API.
• Leaflet: For the easy-to-use mapping library that powers the interactive map.
• Font Awesome: For providing the icons used in the app.

---

Thank you for choosing MeteoMap! We hope you find it helpful and enjoyable. For any inquiries or support, please contact imaneouchen16@gmail.com.