🌦 Weather Website

A simple weather web app that fetches real-time weather data using the OpenWeatherMap API.
The app allows users to search for a city and displays temperature, humidity, wind speed, weather description, and background image related to the city.

---

🚀 Features

• Search weather by city name
• Displays:
  • 🌡 Temperature (°C)
  • 🌫 Weather description
  • 💧 Humidity
  • 🌬 Wind speed
• Dynamic background image from Unsplash API
• Responsive UI with a search bar

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (ES6)
• OpenWeatherMap API
• Unsplash Random Images

---

📂 Project Structure

├── index.html # Main HTML structure ├── style.css # Stylesheet ├── app.js # JavaScript functionality └── README.md # Project documentation

yaml Copy code

---

🔑 Setup & Usage

1. Clone the repository

git clone https://github.com/your-username/weather-website.git
cd weather-website

2. Get your OpenWeatherMap API key Sign up at OpenWeatherMap

Copy your API key

3. Add your API key in app.js js

let weather = {
  apiKey: "YOUR_API_KEY_HERE",
  ...
};

4. Run the project Simply open index.html in your browser.

📸 Preview

⚡ Example Queries London

New York

Tokyo

Delhi

🐞 Troubleshooting If you see "No weather found.", check:

The spelling of the city name

Your API key validity

Internet connection