← Back to Portfolio
Mobile App · Individual Project

Weather App — Real-time Forecast & API Integration

A sleek Flutter application displaying real-time weather data from the OpenWeatherMap API. Includes location search, °C/°F toggle, and dynamic backgrounds that adapt to current conditions.

RoleFull-Stack Developer
TechFlutter · REST API · JSON

Project Overview

This Weather App focuses on speed, clarity, and responsive design. Users can search by city or use current location, view current conditions at a glance, and switch between Celsius and Fahrenheit. The interface adapts the background and iconography to match live weather states for an intuitive, glanceable experience.

Role & Responsibilities

Key Features

Live Data
OpenWeatherMap API
Location
City & Geolocation
°C / °F
Unit Toggle

Architecture & Implementation

API Layer

REST calls to OpenWeatherMap (current + forecast). Debounced search and graceful error states.

JSON Parsing

Typed models (DTOs) for weather, forecast, and location; null-safety and defensive parsing.

State & Caching

Provider pattern for state; short-lived cache for last result to reduce repeated network calls.

Outcome & Reflection

Delivered a fast and visually cohesive weather experience that balances real-time data with simple, readable UI. The project strengthened my Flutter UI patterns, REST/JSON integration, and product thinking around performance, empty states, and visual feedback.

Project Resources