https://github.com/corvid-agent/weather-dashboard
Beautiful weather dashboard — current conditions, 7-day forecast, air quality, UV, wind compass, astronomy, clothing advice. Angular 21 + Open-Meteo APIs. Dark glassmorphism theme.
https://github.com/corvid-agent/weather-dashboard
angular dashboard github-pages glassmorphism open-meteo pwa svg-charts typescript weather weather-api
Last synced: 3 months ago
JSON representation
Beautiful weather dashboard — current conditions, 7-day forecast, air quality, UV, wind compass, astronomy, clothing advice. Angular 21 + Open-Meteo APIs. Dark glassmorphism theme.
- Host: GitHub
- URL: https://github.com/corvid-agent/weather-dashboard
- Owner: corvid-agent
- Created: 2026-02-17T15:40:07.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-02-17T19:19:00.000Z (5 months ago)
- Last Synced: 2026-02-17T20:47:54.437Z (5 months ago)
- Topics: angular, dashboard, github-pages, glassmorphism, open-meteo, pwa, svg-charts, typescript, weather, weather-api
- Language: TypeScript
- Homepage: https://corvid-agent.github.io/weather-dashboard/
- Size: 229 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather Dashboard
Real-time weather, air quality, and astronomy dashboard with location search, hourly/daily forecasts, and responsive dark/light themes.
**Live:** [corvid-agent.github.io/weather-dashboard](https://corvid-agent.github.io/weather-dashboard/)
## Features
- Current conditions with temperature, humidity, wind, pressure, cloud cover, dew point, and visibility
- 48-hour hourly forecast with interactive temperature chart
- 7-day daily forecast with high/low temps, precipitation, wind, UV, sunrise/sunset
- Precipitation probability chart
- Wind compass with Beaufort scale
- UV index meter with safety recommendations
- Humidity gauge with comfort level
- Air quality index (AQI) with pollutant breakdown (US & EU scales)
- Sun & Moon card — sunrise/sunset arc, daylight duration, moon phase
- "What to Wear" comfort card based on feels-like temperature
- Historical comparison vs. seasonal averages
- Location search with autocomplete and geolocation
- Favorite and recent locations
- Unit preferences — °C/°F, km/h/mph/m·s/kn, mm/in
- Dark and light themes
- Responsive layout with mobile bottom navigation
## Tech Stack
- Angular 21 (standalone components, signals, OnPush)
- Open-Meteo API (weather, air quality, historical — no API key required)
- Open-Meteo Geocoding API
- TypeScript strict mode
- CSS custom properties with gold-accent theme
- Playfair Display + Source Sans 3 typography
## Development
```bash
npm install
npm start # dev server on http://localhost:4200
npm test # run unit tests
npm run build # production build to dist/
```
## License
MIT