weather
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 main branch: v7View latest version
A comprehensive weather forecast application for the UK featuring:
- Interactive weather map showing current conditions across the UK
- Location-specific detailed forecasts
- 7-day weather outlook
- Current weather conditions
- Responsive design for mobile and desktop
- Weather Map: Visual representation of weather conditions across the UK
- Location Search: Enter any UK location to get detailed forecasts
- Detailed Forecasts: Hourly and daily weather predictions
- Current Conditions: Real-time weather data
- Mobile Responsive: Works seamlessly on all devices
- Frontend: React with TypeScript, TailwindCSS
- Backend: Hono API framework
- Weather Data: Open-Meteo API (no API key required)
- Mapping: Leaflet for interactive maps
- Geocoding: Open-Meteo geocoding API
├── backend/
│ ├── index.ts # Main API server
│ └── routes/
│ ├── weather.ts # Weather data endpoints
│ └── geocoding.ts # Location search endpoints
├── frontend/
│ ├── index.html # Main HTML template
│ ├── index.tsx # React app entry point
│ ├── components/
│ │ ├── App.tsx # Main app component
│ │ ├── WeatherMap.tsx # Interactive weather map
│ │ ├── LocationSearch.tsx # Location input component
│ │ ├── WeatherDisplay.tsx # Weather details display
│ │ └── ForecastCard.tsx # Individual forecast cards
│ └── style.css # Custom styles
└── shared/
└── types.ts # Shared TypeScript types
GET /api/weather?lat={lat}&lon={lon}- Get weather data for coordinatesGET /api/geocoding?q={location}- Search for locationsGET /api/weather/map- Get weather data for UK map overlay
- Visit the site to see the UK weather map
- Click on the map or use the search box to get location-specific forecasts
- View detailed hourly and daily forecasts
- Check current conditions and weather alerts