A simple and responsive Weather Web Application that allows users to search real-time weather information by city. Built using HTML, CSS, JavaScript, and powered by the OpenWeatherMap API.
- 🌍 Search current weather by city name
- 🌡️ Shows temperature, weather condition, humidity, wind speed
- 🎯 Real-time data from OpenWeatherMap API
- 🧭 Clean, responsive UI (works on mobile & desktop)
- ❌ Handles invalid city names with error messages
- HTML
- CSS3
- JavaScript
- OpenWeatherMap API
Follow these steps to run the project locally:
- Clone the repository
git clone https://github.com/your-username/weather-web-app.git
cd weather-web-app
#### 2. **Add "How It Works" section**
It helps to quickly understand the flow of the app:
```md
🧠 How It Works
1. User enters a city name in the input field.
2. App sends a request to OpenWeatherMap API.
3. API responds with weather data.
4. The app displays:
- Temperature
- Humidity
- Weather condition
- Wind speed
5. If city is invalid, an error message is shown.
🚧 Future Improvements
- 🌦️ 5-day weather forecast
- 🌍 Detect location automatically using geolocation
- 🔎 City name autocomplete
- 🖤 Dark mode toggle
- ❤️ Save favorite cities
🙋♂️ Author
Made with ❤️ by [Dipesh Yadav](https://github.com/dipesh-y)
📄 License
This project is licensed under the MIT License.