Weather Dashboard

A beautiful, responsive weather dashboard built with React and Hono on Val Town.

• 🌤️ Current weather conditions
• 📅 5-day weather forecast
• 📍 Location-based weather (geolocation + search)
• 🎨 Beautiful, responsive design with TailwindCSS
• 🌡️ Temperature in Fahrenheit, humidity, wind speed, and more
• 🌅 Sunrise/sunset times
• ☔ Precipitation probability

• Backend: Hono (TypeScript)
• Frontend: React 18.2.0 + TailwindCSS
• Weather API: Open-Meteo (no API key required)
• Styling: TailwindCSS via Twind

├── backend/
│   └── index.ts          # Main Hono server & weather API
├── frontend/
│   ├── index.html        # Main HTML template
│   ├── index.tsx         # React app entry point
│   └── components/
│       └── App.tsx       # Main dashboard component
├── shared/
│   └── types.ts          # Shared TypeScript interfaces
└── README.md

• GET / - Serves the main dashboard
• GET /api/weather/current?lat={lat}&lon={lon} - Current weather
• GET /api/weather/forecast?lat={lat}&lon={lon} - 5-day forecast
• GET /api/geocoding?q={query} - Location search

The dashboard automatically detects your location or allows you to search for any city worldwide. Weather data is provided by Open-Meteo API.