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 personal portfolio page — header with a hero image, an about section, and a projects showcase. Built with client-side React + Hono on Val Town, styled with Twind (Tailwind utility classes).
| What you want to change | File |
|---|---|
| Name, tagline, hero image | frontend/components/Header.tsx |
| Your bio + skill tags | frontend/components/About.tsx |
| Your project cards (title, description, link) | frontend/components/Projects.tsx |
| Overall layout + footer | frontend/components/App.tsx |
The hero "stock photo" is an inline SVG (a gradient mountain landscape) so it
never breaks. Swap the <svg> in Header.tsx for your own artwork anytime.
Rendering mermaid diagram...
index.ts ← Hono backend (serves frontend + /source)
frontend/
index.html ← HTML shell (loads Twind + React)
index.tsx ← React entrypoint
favicon.svg ← App icon
components/
App.tsx ← Root layout + footer
Header.tsx ← Hero image + name + tagline
About.tsx ← Bio + skill tags
Projects.tsx ← Project cards