Skip to content

WeatherGrid a fast, responsive weather app that fetches live conditions, 24-hour and 7-day forecasts, and other weather details

Notifications You must be signed in to change notification settings

ramkrishnajha5/WeatherGrid

Repository files navigation

WeatherGrid

A fast, mobile-first weather dashboard that shows live conditions, 24-hour (from Now) and 7-day forecasts and other Weather Output. It supports smart city search with autocomplete, saved & home locations, recent searches, dark/light mode, and a polished UI.

Key Features

Current Weather Card with location, date/time, sunrise/sunset, feels like, humidity, wind, visibility, and chance of rain.

24-Hour Forecast that always starts at the current hour; sun / moon icons adapt to day/night.

7-Day Forecast with dark/light adaptive styling.

Recent Searches (last 5) — click to paste into the search box and press Enter to fetch.

Use Current Location with proper permission handling and clear errors.

Theme Toggle (dark/light) applied across the entire app.

Getting Started

Install

npm install

Run Dev

npm run dev

Build

npm run build

Live Link

Click Here

Screenshots (Examples)

Screenshot 2025-08-22 220416 Screenshot 2025-08-22 220516

Tech Satck

Frontend: React + TypeScript (Vite)

Weather: WeatherAPI (forecast + AQI)

Geocoding: OpenCage (autocomplete + lat/lon)

Icons: Material / Lucide / Weather Icons

About

WeatherGrid a fast, responsive weather app that fetches live conditions, 24-hour and 7-day forecasts, and other weather details

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published