🌦️ My Weather App

A simple, responsive Weather Forecast Web App built using HTML, CSS, and JavaScript. It displays current weather conditions and a 3-day forecast for any city using the OpenWeatherMap API and shows the location on an interactive Leaflet map.

🚀 Features

🌍 Search weather by city name or use current location (GPS)

🌡️ View temperature in Celsius or Fahrenheit

📅 3-day weather forecast (temperature, condition, icon)

💧 Shows humidity, wind speed, pressure, and UV index

🗺️ Integrated interactive map (powered by Leaflet & OpenStreetMap)

📱 Fully responsive design (works on mobile, tablet, and desktop)

Pictures

🛠️ Technologies Used

HTML5 – Structure

CSS3 – Styling & Responsiveness

JavaScript (ES6) – Functionality

OpenWeatherMap API – Weather data

Leaflet.js – Map integration

📦 Setup Instructions

Clone or download the repository:

git clone https://github.com/your-username/my-weather-app.git

Open the folder in your code editor.

Get a free API key from OpenWeatherMap .

In the <script> section of index.html, replace the API key with your own:

Run the app

You can simply open the index.html file in your browser, or

Use a local server (like VS Code Live Server extension).

🧭 Usage

Enter a city name and click Search

Or click Use Location to automatically detect your current weather

Toggle between °C / °F from the dropdown menu

Scroll down to view a 3-day forecast and the map location

🖼️ Screenshot

(Add your own image here after hosting the app — for example:)

💡 API Reference

OpenWeatherMap Current Weather API https://openweathermap.org/current

OpenWeatherMap 5-Day Forecast API https://openweathermap.org/forecast5

📍 Map Integration

The app uses Leaflet.js with OpenStreetMap tiles to show the selected location on an interactive map.

💻 Live Demo

👉 View on GitHub Pages

🧑‍💻 Author

Mesandu

GitHub:https://github.com/Mesandu2007/Weather-App/

Email: your.email@example.com