This weather web app combines current conditions, a weekday summary, and interactive charting into one responsive interface. It allows users to explore both historical and forecasted data for temperature, precipitation, and wind in a unified visual format for a holistic overview.

Key Features

Interactive Weather Chart
Displays historical and upcoming temperature, rainfall, and wind speed data on a single timeline. Users can scroll or jump to particular days on the timeline and long press to scrub through each hour for additional information.

Current Conditions Overview
At a glance, users see the current temperature, sky conditions, wind speed, and other key data at the time of page load.

Weekday Summary
A compact, readable summary of each weekday highlights daily highs, lows, and conditions—perfect for planning ahead.

Responsive Design
Built with a fully responsive layout for desktop and mobile users, with smooth touch and mouse interactions for chart navigation.

Technology Overview

Framework: Built with Next.js, leveraging static generation and server-side rendering for fast, reliable data delivery.

Data Visualization: Uses HTML canvas element to create dynamic, interactive plot that unites historical records with forecast projections.

Weather Data Integration: Fetches both real-time and historical weather data from external APIs, processed client-side to ensure responsive updates. Locations can be searched by city or zip code