A lightweight, user-friendly weather application that delivers accurate current weather conditions for any global location. Built with simplicity in mind, it provides essential weather data at a glance.
- Instant Weather Updates: Get real time temperature, humidity, and wind data
- Visual Weather Indicators: Dynamic icons for clear, cloudy, rainy, and other conditions
- Daylight Tracking: Precise sunrise and sunset times
- Universal Access: Fully responsive design for all devices
- Smart Error Management: Handles invalid inputs and connection issues
- Frontend: Vanilla JavaScript (ES6+), HTML5, CSS3
- Data Source: OpenWeatherMap API (free tier)
- Assets: Custom weather icons and error graphics
-
city names (shows error image)
-
Network connectivity issues
-
API request failures
-
Enter a city name in the search field
-
Click the search button or press Enter
-
Temperature (°C)
-
Weather description
-
Humidity and wind speed
-
Atmospheric pressure
-
Sunrise/sunset times
-
"Feels like" temperature
-
Get API Key:
- Register at OpenWeatherMap
- Obtain your free API key
-
Configure App:
// In script.js const apiKey = "paste_your_key_here"; // Keep this secure!
