Skip to content

A simple and responsive weather web application that fetches real-time weather data for any location using a public API. Built with HTML, CSS, and JavaScript.

Notifications You must be signed in to change notification settings

mubeen6969/weatherweb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Live Site 🔗 WeatherWeb

📌 About WeatherWeb is a simple and responsive weather forecast web application built using HTML, CSS, and JavaScript. It utilizes the OpenWeatherMap API to fetch real-time weather data based on user input (city name). The application dynamically updates temperature, humidity, wind speed, and background weather icons depending on conditions (e.g., clouds, rain, sun, etc.).

✨ Features 🌍 Search weather by any city name globally

🌡️ Real-time temperature (°C) and humidity updates

🌬️ Live wind speed display

🌤️ Dynamic weather icons based on conditions (e.g., clouds, rain, night)

🧭 Graceful error handling for invalid cities

🎯 Minimalistic UI with clean layout

📱 Responsive design for mobile and desktop

🛠️ Technologies Used HTML5

CSS3

JavaScript (Vanilla)

OpenWeatherMap API

Git & GitHub

🚀 How to Use Clone this repository:

bash Copy Edit git clone https://github.com/mubeen6969/weatherweb.git Open index.html in your browser.

Enter a city name and get live weather data instantly.

🧪 Future Improvements Add geolocation-based weather

Show hourly/daily forecast

Integrate loading animations

Improve accessibility

About

A simple and responsive weather web application that fetches real-time weather data for any location using a public API. Built with HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors