Skip to content

bahaamohammed/Weather-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App 🌦️

This Weather App is a simple, responsive web application that allows users to search for the current weather in any city worldwide. Built with HTML5, CSS3, and JavaScript, it fetches real-time weather data from the OpenWeatherMap API and displays it in a user-friendly interface.

Preview

Screenshot

Features:

  • City-based Search: Users can input a city name to retrieve weather information.
  • Real-Time Data: Displays temperature, humidity, and wind speed in real-time.
  • Error Handling: Shows an error message if the city is not found.
  • Dynamic Icons: Changes weather icons based on the city's current weather condition.
  • Responsive Design: The app is styled to work well on various screen sizes.

Technologies Used:

  • HTML5 & CSS3
  • JavaScript (ES6+)
  • OpenWeatherMap API

How It Works:

  1. Users enter the name of a city in the search bar.
  2. The app makes a request to the OpenWeatherMap API to retrieve weather data.
  3. The weather data, including temperature, humidity, and wind speed, is displayed in the app.
  4. The app dynamically updates weather icons based on the current weather conditions.

API Used:

  • OpenWeatherMap API

Preview:

  • Temperature: Displays the current temperature in Celsius.
  • Humidity: Shows the current humidity level.
  • Wind Speed: Displays the wind speed in km/h.

Feel free to clone or fork the project and modify it to suit your needs!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors