Public
Remixed
De Visser family tree with auth and editing
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.

Het geslacht De Visser

Afgeschermde familystamboom voor het geslacht De Visser (Walcheren): atlas, dossier, tijdlijn, plaatsen, bronnen en beheer voor nieuwe entries.

Live: de HTTP-endpoint van deze val (login vereist voor de boom).

Stack

  • Hono HTTP API + sessie-auth (AUTH_USERS_JSON, SESSION_SECRET)
  • SQLite voor people / relationships / sources
  • React 18.2 SPA + Twind + eigen CSS (Fraunces / Source Sans 3)
  • Frontend assets via serveImmutableFile + immutableFileUrl

Structuur

index.ts                 ← Hono: auth, /api/*, stamped HTML shell
seed.ts                  ← publieke seed-stubs (echte data blijft in SQLite)
frontend/
  index.html             ← referentie-shell (runtime shell komt uit index.ts)
  index.tsx              ← React mount
  styles.css             ← Walcheren-thema
  components/App.tsx     ← SPA

Auth

Zet in Val Town env:

  • AUTH_USERS_JSON — map van username → { displayName, role, salt, hash } (SHA-256 van salt:password)
  • SESSION_SECRET — HMAC-geheim voor de cookie

Broncode

/source redirect naar de Val Town-pagina van dit project.