🌤️ Weather Forecast App

A simple weather forecast application that allows users to check real-time weather conditions for any city using the OpenWeather API.

Test my site

---

📌 Features

• 🔍 Search for any city
• 🌡️ Display current temperature
• 📈 Max and min temperature
• 💧 Humidity level
• 💨 Wind speed
• 🌥️ Weather description with icon
• ⚠️ Error handling for invalid cities

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• OpenWeather API
• Font Awesome (icons)
• Google Fonts (Poppins)

---

📂 Project Structure

📁 project
 ┣ 📁 src
 ┃ ┣ 📁 styles
 ┃ ┃ ┗ 📄 style.css
 ┃ ┣ 📁 javascript
 ┃ ┃ ┗ 📄 script.js
 ┃ ┗ 📁 images
 ┃   ┗ 📄 404.svg
 ┣ 📄 index.html

---

⚙️ How to Use

1. Clone the repository:

git clone https://github.com/your-username/your-repo.git

2. Open the index.html file in your browser

3. Type a city name in the search bar

---

🔑 API Key

This project uses the OpenWeather API. You can get your API key here:

👉 https://openweathermap.org/api

Replace it in script.js:

const apiKey = 'YOUR_API_KEY_HERE';

---

🧠 How It Works

• The user enters a city name
• The app sends a request to the API
• The returned data is processed and displayed on the screen
• If the city is not found, an error message is shown

---

🎨 Interface

• Centered layout
• Modern gradient design
• Responsive UI
• Clean and intuitive icons

---

🚨 Error Handling

• Empty input → alert message
• City not found → error message + image

---

📌 Future Improvements

• 📍 Auto geolocation
• 🌙 Dark mode
• 📅 5-day forecast
• 🌎 Multi-language support
• 💾 Search history

---

👨‍💻 Author

Developed by you 🚀

---

📄 License

This project is licensed under the MIT License.

---

📫 Contact