Overview
Responsive single-page app that fetches live weather by city or geolocation.
Tech Stack
HTMLCSSBootstrapJavaScript (Fetch API)OpenWeatherMap API
Features
- Instant search & autocomplete for global cities
- Hourly + 7-day forecast visualization
- Air-quality index (AQI) display
- Automatic geolocation-based local weather
Key Decisions
01
Utilized native JavaScript Fetch API rather than heavy libraries like Axios to keep the bundle size as small as possible.
02
Designed a responsive grid system with Bootstrap to ensure the UI remains intuitive on mobile devices.
Learnings
→Mastered asynchronous JavaScript (Promises, async/await) for handling external API requests.
→Learned how to properly handle API rate limits and gracefully display error states to the user if a network request fails.