Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒฆ๏ธ Weather App

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.


โœจ Features

  • ๐Ÿ” 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

๐Ÿ› ๏ธ Tech Stack

  • HTML โ€“ structure
  • CSS โ€“ gradient background, glassmorphism card, responsive design, spinner animation
  • JavaScript โ€“ API fetch, dynamic DOM updates, event handling

๐Ÿš€ How to Run Locally

  1. Clone or download the repository.
  2. Keep index.html, style.css, and script.js in the same folder.
  3. Open index.html in your browser.
  4. Type a city name and press Search or Enter to view weather details.

๐Ÿ”— Live Demo

๐Ÿ‘‰ Click here to try the Weather App

About

๐ŸŒฆ๏ธ Minimal weather app with live API data and modern UI

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages