test-claude
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
Viewing readonly version of claude-4 branch: v6View latest version
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, 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 dashboardGET /api/weather/current?lat={lat}&lon={lon}- Current weatherGET /api/weather/forecast?lat={lat}&lon={lon}- 5-day forecastGET /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.