🌤 Weather App

A simple responsive Weather App built with HTML, CSS, and JavaScript.
It fetches live weather data from WeatherAPI.com and updates the UI dynamically based on the weather conditions.

✨ Features

• 🌎 Detects user location and shows local weather
• 🔍 Search weather by city name
• 🌡 Displays temperature, humidity, wind speed, and more
• 🎨 Dynamic background changes based on weather
• 📱 Fully responsive for desktop, tablet, and mobile

---

📂 Project Structure

index.html   → Main UI
style.css    → Styling (responsive & dynamic backgrounds)
script.js    → Weather fetch & DOM updates

---

🛠 How to Run Locally

1️⃣ Clone the repo

git clone https://github.com/YOUR-USERNAME/weather-app.git
cd weather-app

2️⃣ Get a free Weather API key

• Sign up at WeatherAPI.com
• Copy your API key

3️⃣ Add your API key

• Open script.js
• Replace

const apiKey = "YOUR_API_KEY_HERE";

with your actual API key

4️⃣ Run the app

• Open index.html directly in a browser
• Or use VS Code Live Server for better experience

---

📸 Screenshots

🔒 API Key Security

⚠️ This is a frontend-only project, so the API key will be visible in the browser.
For production use, create a backend proxy to hide it.

---

📜 License

This project is open-source and free to use for learning purposes.

---

🙌 Credits

• Weather data → WeatherAPI.com
• Icons & images → Free resources

---

⭐ If you like this project, give it a star on GitHub!