Skip to content

avinash201199/weather-app

🌦️ Weather App

A lightweight Weather App built with JavaScript, HTML, and CSS, utilizing the OpenWeather API to fetch real-time weather data.

Users can search for any city and view up-to-date weather information in a sleek, responsive design.

🚀 Demo

Screenshot (20)


🌐 Live Demo

Check out the live version of the app here → Weather App

🧠 Features

✅ Fetches real-time weather data using the OpenWeather API

✅ Displays temperature, humidity, and weather conditions dynamically

✅ Responsive and user-friendly interface

✅ Simple search functionality to find any city’s weather

✅ Clean and beginner-friendly JavaScript code

✅ NEW: Interactive city map under the search bar (Leaflet + Esri World Imagery) that auto-centers, zooms, and drops a marker for the searched/geolocated city

🧩 Tech Stack

HTML5 – Structure of the app

CSS3 – For styling and responsiveness

JavaScript (ES6) – For logic and dynamic updates

OpenWeather API – For real-time weather data

🤝 Contributing

Contributions are welcome! You can:

  • Add new features

  • Improve UI design

  • Enhance API handling or code readability

  • Or anything in your mind to contribute

📬 Contact

Interested in contributing? Check out the Contribution Guide.

For any queries or collaborations, connect with me on LinkedIn — always happy to chat! 🤝


About

Weather app with JavaScript and api

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published

Contributors 127