Simple Weather Dashboard

A Val Town project to display current weather and a 3-day forecast for a user-specified city.

Features

  • User inputs a city name.
  • Displays current temperature, weather condition, and an emoji.
  • Displays a 3-day forecast with high/low temperatures and weather conditions.
  • Uses Open-Meteo API for weather data.
  • Styled with TailwindCSS.

Project Structure

  • /index.html: The main HTML file for the frontend. Contains structure, styling (via TailwindCDN), and client-side JavaScript.
  • /weather.ts: A Val Town HTTP Val that acts as the backend. It takes a city name, fetches weather data from Open-Meteo, and returns it to the frontend.

How to Use

  1. Open the Val Town URL for /index.html.
  2. Enter a city name in the input field.
  3. Click "Get Weather".
  4. The dashboard will update with the weather information.