A sleek and simple weather application built with HTML, CSS, and JavaScript that lets users check current weather conditions for any city in real-time using the OpenWeatherMap API.
- HTML – App structure
- CSS – Styling and layout
- JavaScript – Dynamic data and logic
- OpenWeatherMap API – Weather data provider
git clone https://github.com/nikitayadav19/Weather.git
cd WeatherThen open index.html in your browser.
- Get a free API key from OpenWeatherMap.
- Open
index.htmland replace the value ofapiKey:
const apiKey = "YOUR_API_KEY_HERE";- Enter any city name in the search box.
- Click the search button.
- See the weather icon, temperature, humidity, and wind speed.
- If the city is invalid, an error message is shown.
Weather/
│-- index.html
│-- style.css
│-- images/
│ ├── search.png
│ ├── clouds.png
│ ├── clear.png
│ ├── rain.png
│ ├── drizzle.png
│ ├── mist.png
│ ├── humidity.png
│ └── wind.png
└-- README.md
- OpenWeatherMap for the free weather API.
If you found this project helpful, consider giving it a ⭐ on GitHub!