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!