Live·Frontend·2023

Weather Application

Real-time weather with 5-day forecasts

React.jsTailwind CSSOpenWeather API

Overview

A clean, fast weather dashboard built with React and the OpenWeather API. Supports city search with debounced input, a 5-day hourly forecast, and an adaptive UI that shifts colour tone based on current conditions.

Key Features

  • Debounced city search with graceful loading and error states
  • 5-day hourly forecast parsed from OpenWeather One Call API
  • Adaptive UI colour palette that shifts with current weather condition codes
  • Zero-config Vercel deployment with environment variable management

https://weather-application-sooty-sigma.vercel.app

Weather Application

Deployed on Vercel

Launch App