Log inSign up
project logo

gsu

portfolio

Public
Remixed
Starter template with client-side React & Hono server
Edit with AI
1 Branch
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
index.ts
README.md

Personal Portfolio

A personal portfolio page built with client-side React + a Hono backend on Val Town. Includes a header, an About me section, and a live NYC 7-day weather forecast pulled from the free weather.gov API (no API key required).

Customize it

  • Header — edit your name and tagline in frontend/components/Header.tsx.
  • About me — write your story in frontend/components/AboutMe.tsx.
  • Weather — the section lives just below About me. The forecast for a different city can be set by changing NYC_LAT / NYC_LON in index.ts.

How the weather works

Rendering mermaid diagram...

weather.gov requires a descriptive User-Agent header on every request, which index.ts sends. The forecast returns alternating day/night periods; the Weather component keeps the 7 daytime periods and renders one card each.

File structure

index.ts                       ← Hono backend (serves frontend + /api/weather)
frontend/
  index.html                   ← HTML shell (Twind + React)
  index.tsx                    ← React entrypoint
  components/
    App.tsx                    ← Layout: Header → AboutMe → Weather
    Header.tsx                 ← Name + tagline
    AboutMe.tsx                ← About me section
    Weather.tsx                ← NYC 7-day forecast cards