🌤️ Weather App

A simple and responsive Weather Application built using HTML, CSS, and JavaScript. The app allows users to search for any city and view real-time weather information including temperature, humidity, wind speed, and current weather conditions using the OpenWeather API. Weather apps commonly use API-based real-time weather retrieval and city search functionality similar to this project. :contentReference[oaicite:0]{index=0}

🚀 Features

• Search weather by city name
• Real-time weather information
• Temperature display in Celsius
• Humidity information
• Wind speed information
• Dynamic weather icons
• Responsive design
• Error handling for invalid city names

🛠️ Built With

• HTML5
• CSS3
• JavaScript (ES6)
• OpenWeather API

📂 Project Structure

Weather-App/
│
├── index.html
├── style.css
├── index.js
├── images/
│   ├── clear.png
│   ├── clouds.png
│   ├── drizzle.png
│   ├── humidity.png
│   ├── mist.png
│   ├── rain.png
│   ├── search.png
│   ├── snow.png
│   └── wind.png
│
└── README.md

⚙️ Installation

1. Clone the repository

git clone https://github.com/Eyob-bit/Weather-App.git

2. Navigate to the project directory

cd Weather-App

3. Open index.html in your browser

🔑 API Setup

1. Create a free account at :contentReference[oaicite:1]{index=1}

2. Generate an API key.

3. Replace the API key in index.js:

const apiKey = "YOUR_API_KEY";

📸 Screenshot

Add a screenshot of your application here.

🎯 What I Learned

• Working with REST APIs
• Using JavaScript Fetch API
• Handling asynchronous operations with async/await
• DOM manipulation
• Error handling
• Responsive web design

🔮 Future Improvements

• 5-day weather forecast
• Current location weather
• Dark mode
• Temperature unit conversion (°C / °F)
• Recent search history

🤝 Contributing

Contributions, issues, and feature requests are welcome.

📄 License

This project is open source and available under the MIT License.

👨‍💻 Author

Eyob Behailu

GitHub: :contentReference[oaicite:2]{index=2}