🌤️ Weather App

A simple and responsive weather application built as part of The Odin Project curriculum.
It allows users to search for any city and view real-time weather conditions using the WeatherAPI.

---

🚀 Features

• Search weather by city name
• Displays temperature, humidity, wind speed, and weather condition
• Dynamic background that changes based on weather or time of day
• Error handling for invalid city names and API error
• Clean and responsive UI built with HTML, CSS, and JavaScript
• Fetches live weather data using fetch() from WeatherAPI
• Added 5-day forecast

---

🧠 Concepts Practiced

• Working with APIs and fetch()
• Asynchronous JavaScript (async/await)
• DOM manipulation and modular JS structure
• Import/export with ES Modules
• Basic error handling and user-friendly UI design

---

⚙️ Installation & Usage

1. Clone the repository:

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

2. Install dependencies (if using npm/webpack):

    npm install

3. Create a free account at WeatherAPI and get your API key.

4. Inside your source file (e.g., getweather.js), replace:

   const apiKey = "YOUR_API_KEY";

5. Run the app:

   npm start