A real-time weather dashboard that displays current conditions and 5-day forecasts for any city worldwide.
- Real-time weather data via OpenWeatherMap API
- City search with error handling for invalid city names
- Geolocation detection to show local weather on load
- 5-day weather forecast
- Dark mode toggle
- Fully responsive — works on mobile and desktop
- HTML5, CSS3, JavaScript (ES6+)
- OpenWeatherMap API
- Deployed on Netlify
[paste a screenshot of your app here]
- Clone the repo:
git clone https://github.com/abhay-sonkar/Weather-Application.git - Get a free API key from openweathermap.org
- In script.js, replace
YOUR_API_KEYwith your actual key - Open index.html in your browser
- Working with REST APIs and handling async JavaScript with fetch()
- Geolocation API in the browser
- Building responsive layouts with CSS Grid and Flexbox
- Managing UI state (dark/light mode) with localStorage