Personal Project · Full-Stack
Weather App
AI-powered weather with real-time forecasts and clean UX
A full-stack weather application with real-time forecasts, location-based search, and a polished dark-theme interface — built as a personal project to ship a complete product loop from API to UI.
Problem
Most weather apps either overwhelm users with data or feel generic. I wanted a focused experience: fast lookup by location, the metrics that actually matter, and a UI that feels intentional — not a template.
Approach
Built with Next.js and Tailwind CSS, integrating the OpenWeatherMap API for live forecast data. Designed around a ZIP + country code search flow, with clear hierarchy for temperature, conditions, humidity, and wind — optimized for quick scanning on any screen size.
Key Features
- Search by ZIP code and country code
- Displays temperature, humidity, wind speed, and weather description
- Clean UI with dark theme
- Real-time API integration with OpenWeatherMap
Technologies
Outcome
- Shipped a complete search-to-forecast flow with responsive layout
- Structured API responses into a readable, at-a-glance weather summary
- Demonstrated end-to-end ownership: API design, UI, and deployment-ready frontend