weather-app
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.
A Harry Potter themed weather application that shows current weather conditions with a magical twist.
- Displays current weather conditions using Harry Potter themed spells and descriptions
- Automatically detects user location
- Responsive design with Hogwarts house colors
- Weather conditions mapped to magical spells (e.g., rain = "Aguamenti charm")
- Parchment-style UI with magical elements
- The app uses the browser's geolocation API to determine the user's location
- Weather data is fetched from the Open-Meteo API (no API key required)
- Weather conditions are mapped to Harry Potter spells and descriptions
- The UI is styled with Hogwarts-inspired elements and colors
- Frontend: HTML, CSS, and vanilla JavaScript
- Backend: Hono framework for API routing
- Weather API: Open-Meteo (free, no API key required)
- Geocoding: OpenStreetMap Nominatim API for reverse geocoding
/index.ts- Main HTTP val that serves the app and provides the weather API/frontend/index.html- The main HTML file with Harry Potter styling and client-side JavaScript
Simply open the app in a browser and allow location access when prompted. The app will display the current weather conditions for your location with Harry Potter themed descriptions.
If location access is denied, you can click the "Try Again" button to retry.