Weather-Map
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: v9View latest version
An interactive weather map application built on Val Town that allows users to search for locations or click anywhere on a map to see current weather conditions.
- Search bar to find specific locations by name, address, or place
- Interactive map powered by Leaflet.js
- Real-time weather data from Open-Meteo API (no API key required)
- Click on any location to see detailed weather information
- Pre-defined markers for major cities
- Responsive design with Tailwind CSS
- Visual weather indicators with emojis
- Open the application in your browser
- Search for a specific location using the search bar
- Or click anywhere on the map to see current weather conditions
- Click on city markers to quickly view weather in major cities
- View detailed weather information in the panel below the map
- Frontend: HTML, JavaScript, Leaflet.js, Tailwind CSS
- Backend: Val Town HTTP handler with Hono.js
- Weather Data: Open-Meteo API (free, no API key required)
- Map Data: OpenStreetMap
- Current temperature and "feels like" temperature
- Weather conditions with visual indicator
- Humidity percentage
- Precipitation amount
- Wind speed and direction
/index.ts- Main HTTP handler and API endpoints/frontend/index.html- Frontend application with map and weather display
- Weather data provided by Open-Meteo
- Map tiles by OpenStreetMap
- Built on Val Town