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.
index.ts
https://devthom_studios--d023c70c34f311f0bda89e149126039e.web.val.run
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 and 5-day forecast.
- 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)
- Current weather conditions displayed in a clean table format
- 5-day weather forecast with daily temperature ranges and precipitation chances
- Visual weather indicators with emojis for all conditions
- Location name detection using reverse geocoding
- Pre-defined markers for major cities
- Responsive design with Tailwind CSS
- 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 current weather in the table format
- Check the 5-day forecast for planning ahead
- Weather condition with visual indicator
- Current temperature and "feels like" temperature
- Humidity percentage
- Precipitation amount
- Wind speed and direction
- Daily weather conditions with visual indicators
- Daily minimum and maximum temperatures
- Daily precipitation amount and probability
- Formatted dates for easy reading
- 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
- Geocoding: Nominatim API for location search and reverse geocoding
/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
- Geocoding by Nominatim
- Built on Val Town
- 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