✨ Features 🗺️ Interactive Map Interface - Click anywhere on the map to get weather data for that specific location or city 🔍 City Search - Quick search functionality to find weather for a particular city worldwide 📱 Responsive Design - Works seamlessly on desktop, tablet, and mobile devices ⚡ Real-time Data - Fetches current weather conditions using API 🎨 Modern UI - Clean, gradient-based design with smooth animations 🌡️ Comprehensive Weather Data - Temperature, humidity, wind speed, precipitation, and weather conditions

🛠️ Technologies Used HTML5 - Semantic markup structure CSS3 - Modern styling with CSS Grid, Flexbox, and animations JavaScript (ES6+) - Core application logic Leaflet.js - Interactive map functionality Open-Meteo API - Weather data provider Nominatim API - Geocoding and reverse geocoding services OpenStreetMap - Map tiles provider

Installation Clone the repository

bash git clone https://github.com/yourusername/weather-explorer.git cd weather-explorer

Open the application

Simply open index.html in your web browser No build process or dependencies required!

// Weather Data https://api.open-meteo.com/v1/forecast

// Geocoding (City to Coordinates) https://nominatim.openstreetmap.org/search

// Reverse Geocoding (Coordinates to Location Name) https://nominatim.openstreetmap.org/reverse

weather-explorer/ │ ├── index.html # Main HTML file with structure ├── styles.css # Styling and animations ├── app.js # Core JavaScript functionality └── README.md # Project documentation

👤 Author Prathamesh Parab NY USA

GitHub: https://github.com/Prathu270710 LinkedIn: https://www.linkedin.com/in/prathameshparab27/

🙏 Acknowledgments

Open-Meteo for providing free weather data API OpenStreetMap contributors for map data Leaflet.js for the amazing mapping library Nominatim for geocoding services