Skip to content

Latest commit

Β 

History

History
63 lines (30 loc) Β· 1.7 KB

File metadata and controls

63 lines (30 loc) Β· 1.7 KB

🌦️ 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! 🀝