FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
valdottown
valdottowntest-gemini
Public
Like
test-gemini
Home
Code
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
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.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/23/2025
README.md

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.
Get started with a template:
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.