Log inSign up
project logo

wzhao0901

portfolio

Public
Remixed
Wen's personal portfolio page
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

Wen's Portfolio

A personal portfolio page — banner photo, an about-me section, and a grid of projects. Built with client-side React + Hono on Val Town.

✏️ How to edit your page

Everything you'd want to change lives in one file: frontend/content.ts

  • Name, tagline, location → profile
  • Banner / stock photo → profile.heroImage (any image URL)
  • Avatar → profile.avatar (set to "" to hide)
  • About-me paragraphs → about
  • Skill tags → skills
  • Projects → projects (add as many as you like; link is optional)
  • Contact links → links (set any to "" to hide)

Save the file and refresh the page — that's it.

Layout

Rendering mermaid diagram...

File structure

index.ts                       ← Hono server (serves the frontend)
frontend/
  index.html                   ← HTML shell (Twind + Inter font + React)
  index.tsx                    ← React entrypoint
  content.ts                   ← ✏️ all your editable content
  components/
    App.tsx                    ← page layout
    Hero.tsx                   ← banner photo + name
    About.tsx                  ← about-me + skill tags
    Projects.tsx               ← project cards
    Footer.tsx                 ← contact links