A simple web application that fetches real-time weather data for any city using a weather API.
- Search weather by city name
- Displays temperature in Celsius
- Shows humidity level
- Shows wind speed
- Dynamic weather icons based on conditions
- Error handling for invalid cities
- HTML
- CSS
- JavaScript
- OpenWeatherMap API
weather-app
│
├── images
│ ├── clear.png
│ ├── clouds.png
│ ├── drizzle.png
│ ├── humidity.png
│ ├── mist.png
│ ├── rain.png
│ ├── search.png
│ ├── snow.png
│ └── wind.png
│
├── index.html
├── style.css
├── script.js
└── README.md
- Clone the repository
- Open the project folder
- Get a free API key from OpenWeatherMap
- Replace
YOUR_API_KEYinscript.js - Open
index.htmlin your browser
- 5-day weather forecast
- Auto detect location weather
- Weather animations
- Mobile UI improvements