CLCHAD LUMANSystems + Web

Weather Dashboard

  • Home
  • / Weather Dashboard
Live demo screenshot of the Weather Dashboard app
Live weather search
github.com/chadluman/weather-dashboard

Weather Dashboard

Weather Dashboard is a Vite-powered React project that connects to OpenWeatherMap. It includes reusable search, weather card, and error message components so users can look up weather quickly from a responsive interface.

ReactViteTailwind CSSOpenWeatherMap API

Demo source / ee98bc3a

Built directly from the repository source; weather requests use the portfolio server API.

Back to projectsOpen live demoView source on GitHub

Highlights

  • Component-based search and result cards
  • Environment-based API key configuration
  • Responsive Tailwind layout

Run Locally

  1. 1Set OPENWEATHER_API_KEY on the portfolio server
  2. 2Open /weather-dashboard/index.html