Live Demo: abhi17bgp.github.io/Weather-App
This is a simple and responsive weather app built using HTML, CSS, and JavaScript. It allows users to search for any city and view real-time weather data like temperature, humidity, wind speed, and conditions using the OpenWeatherMap API.
- 🔍 Search for any city worldwide
- 🌡️ Displays temperature (°C), humidity, wind speed, and weather conditions
- 🌐 Real-time data powered by OpenWeatherMap API
- 💡 Clean and minimal UI
- 📱 Fully responsive and mobile-friendly
| Technology | Purpose |
|---|---|
| HTML | Structure of the webpage |
| CSS | Styling and responsiveness |
| JavaScript | Functionality and API interaction |
| OpenWeatherMap API | Real-time weather data |
| GitHub Pages | Hosting the live app |
- User enters a city name into the search bar.
- The app calls the OpenWeatherMap API:
https://api.openweathermap.org/data/2.5/weather?q={city}&appid={your_api_key}&units=metric
- The response is parsed, and data like temperature, humidity, wind speed, and weather description is displayed dynamically on the page.
weather-app/
├── index.html # Main HTML file
├── style.css # CSS for layout and styling
└── script.js # JavaScript for API logic
- Clone the repository:
git clone https://github.com/abhi17bgp/Weather-App.git
1.Get your free API key from OpenWeatherMap.
2.Open script.js and replace your_api_key with your actual API key.
3.Open index.html in any browser to run the app locally.
Made with ☁️ and 💻 by Abhishek Anand