Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather Web App

A simple and responsive Weather Web Application that allows users to search real-time weather information by city. Built using HTML, CSS, JavaScript, and powered by the OpenWeatherMap API.


🚀 Features

  • 🌍 Search current weather by city name
  • 🌡️ Shows temperature, weather condition, humidity, wind speed
  • 🎯 Real-time data from OpenWeatherMap API
  • 🧭 Clean, responsive UI (works on mobile & desktop)
  • ❌ Handles invalid city names with error messages

🛠️ Tech Stack

  • HTML
  • CSS3
  • JavaScript
  • OpenWeatherMap API

📦 Installation & Usage

Follow these steps to run the project locally:

  1. Clone the repository
git clone https://github.com/your-username/weather-web-app.git
cd weather-web-app


#### 2. **Add "How It Works" section**
It helps to quickly understand the flow of the app:

```md
🧠 How It Works

1. User enters a city name in the input field.
2. App sends a request to OpenWeatherMap API.
3. API responds with weather data.
4. The app displays:
   - Temperature
   - Humidity
   - Weather condition
   - Wind speed
5. If city is invalid, an error message is shown.


🚧 Future Improvements

- 🌦️ 5-day weather forecast
- 🌍 Detect location automatically using geolocation
- 🔎 City name autocomplete
- 🖤 Dark mode toggle
- ❤️ Save favorite cities

🙋‍♂️ Author

Made with ❤️ by [Dipesh Yadav](https://github.com/dipesh-y)

📄 License

This project is licensed under the MIT License.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages