Skip to content

t29bhoomi/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather App

A responsive weather web application that displays real-time weather data such as temperature, humidity, wind speed, and weather conditions using a public API.


πŸš€ Live Demo

πŸ”— https://t29bhoomi.github.io/weather-app/


πŸ“Œ Features

  • 🌍 Search weather by city name
  • 🌑️ Real-time temperature updates
  • πŸ’§ Humidity and wind speed display
  • ☁️ Weather condition indicators (clear, cloudy, rain, etc.)
  • πŸ“± Fully responsive design (works on mobile & desktop)

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3
  • JavaScript
  • Weather API (OpenWeatherMap)

βš™οΈ How It Works

  1. User enters a city name
  2. App sends a request to the weather API
  3. API returns real-time weather data
  4. Data is displayed dynamically on the UI

πŸ“¦ Installation & Setup

If you want to run locally:

git clone https://github.com/t29bhoomi/weather-app.git cd weather-app

Open "index.html" in your browser.


πŸ”‘ API Setup

  • Get your API key from OpenWeatherMap
  • Replace the API key in your JavaScript file:

const apiKey = "YOUR_API_KEY";


🎯 Future Improvements

  • πŸ“ Add location-based weather (GPS)
  • πŸŒ™ Dark mode
  • πŸ“… 5-day weather forecast
  • 🌐 Multi-language support

πŸ‘©β€πŸ’» Author

Bhoomi πŸˆβ€β¬› GitHub: https://github.com/t29bhoomi


⭐ Support

If you like this project, give it a ⭐ on GitHub!

About

A responsive weather app that shows real-time temperature, humidity, wind speed, and weather conditions using API data.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages