Back to Projects
Web
Weather App
Real-time weather UI powered by public APIs
Overview
A weather app that fetches live conditions from public APIs and presents them in a clean, responsive interface.
It solves the need for a simple front-end API project — fetch, handle loading/error states, and render readable weather data.
Built as a fundamentals showcase for JavaScript, HTML, and CSS.
My Role
Built the full front end — API integration, UI layout, and responsive styling.
Tech Stack
JavaScriptHTMLCSSWeather API
Key Features
- Real-time weather data from a public API
- Clean display of current conditions
- Responsive layout across devices
- Loading and error handling for network requests
- Lightweight vanilla JS implementation
Challenges & Solutions
Challenge
Handling slow or failed API responses without a blank screen.
How I solved it
Added explicit loading and error UI so users always knew the app state.
Challenge
Formatting API payloads into readable weather summaries.
How I solved it
Normalized response fields into a small view-model before rendering.