A simple yet responsive weather web app that displays real-time weather information like temperature, city name, weather conditions, humidity, and wind speed — all fetched from the OpenWeatherMap API.
Whether you're planning a trip or just curious about the clouds ☁, this sleek and simple UI provides:
- 🔍 Search for weather by city name
- 🌡 Shows temperature, humidity, and wind speed
- ☔ Displays current weather condition (e.g., clear, rain, clouds)
- 📍 Default fallback to "Cuttack" if input is left blank
- 🎨 Stylish and centered UI with dynamic weather icons
- HTML & CSS (Frontend layout & design)
- JavaScript (API integration & DOM handling)
- OpenWeatherMap API (Live weather data)
Here’s what I plan to add in future versions:
-
⚛ Rebuilding in React for a more dynamic and component-based UI
-
📍 Auto-location support using browser geolocation
-
🎨 Theme toggle – Light & Dark modes for different moods
-
⏱ Loading animations while data fetches
-
💾 Offline fallback for last fetched data