A simple and responsive Weather Application built with HTML, CSS, and JavaScript.
It fetches real-time weather data from the OpenWeatherMap API and displays temperature, humidity, wind speed, and weather conditions with icons.
- 🔍 Search weather by city name
- 🌡️ Real-time temperature updates
- 💨 Displays humidity and wind speed
- 🌥️ Dynamic weather icons (Clear, Clouds, Rain, Drizzle, Mist)
⚠️ Error handling for invalid city names- 📱 Responsive card-based UI
- HTML5
- CSS3 (Flexbox, Gradient, Responsive design)
- JavaScript (ES6)
- OpenWeatherMap API
📌 Future Improvements
🌎 Show weather by current location (Geolocation API) 🌙 Dark / Light mode toggle ❄️ Add more weather conditions (Snow, Thunderstorm, Haze) ⏳ Loading spinner while fetching data
🔑 API Key Setup
This project uses the OpenWeatherMap API. 1.Go to OpenWeatherMap and create a free account. 2.Get your API key. 3.Replace the placeholder in script.js: {const apikey = "your_api_key_here";}
👨💻Default View https://github.com/user-attachments/assets/28bd2313-cc63-4fce-9fee-b32bfd557eb5