A simple and stylish weather application built with HTML, CSS, and JavaScript.
It fetches live weather data using the wttr.in API and displays the current temperature, condition, humidity, and wind speed for any city.
- ๐ Search for weather by city name
- โณ Animated loading spinner while fetching data
- ๐ก๏ธ Displays temperature, sky condition, humidity, and wind speed
- ๐ Default city shown on load (Bengaluru)
- ๐จ Modern glassโcard UI with gradient background
- HTML โ structure
- CSS โ gradient background, glassmorphism card, responsive design, spinner animation
- JavaScript โ API fetch, dynamic DOM updates, event handling
- Clone or download the repository.
- Keep
index.html,style.css, andscript.jsin the same folder. - Open
index.htmlin your browser. - Type a city name and press Search or Enter to view weather details.