🌦️ Weather App

A simple and responsive Weather Application built using HTML, CSS, and JavaScript. This project fetches real-time weather information using the OpenWeatherMap API and displays details such as temperature, humidity, wind speed, and weather conditions for any city entered by the user.

---

✨ Features

🔍 Search weather by city name 🌡️ Real-time temperature display ☁️ Weather condition description 💧 Humidity information 🌬️ Wind speed details 🖼️ Dynamic weather icons 📱 Responsive and clean UI

---

🛠️ Technologies Used

• HTML5 – Page Structure
• CSS3 – Styling and Layout
• JavaScript (ES6) – Logic and API Integration
• OpenWeatherMap API – Real-Time Weather Data

---

📂 Project Structure

Weather-App/
│
├── index.html
├── index.css
└── index.js

---

🔑 API Setup

This project uses the OpenWeatherMap API.

1. Create an account on OpenWeatherMap.
2. Generate an API key.
3. Replace the API key in index.js:

const API_KEY = "YOUR_API_KEY";

---

🎯 Learning Outcomes

This project helped in understanding:

API Integration using Fetch API Async/Await in JavaScript DOM Manipulation JSON Data Handling Responsive Web Design

---

👨‍💻 Author

Kabish S