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 simple todo list app with a SQLite backend, Hono API, and React frontend.
- ✅ Add, toggle, and delete todos
- 💾 Persisted in SQLite (per-val database)
- ⚡ Optimistic UI updates
- 🎨 Styled with Twind (Tailwind utility classes)
Rendering mermaid diagram...
index.ts ← Hono backend (frontend + API + SQLite)
shared/types.ts ← Shared Todo type
frontend/
index.html ← HTML shell (Twind + React)
index.tsx ← React entrypoint
components/
App.tsx ← Root layout
TodoList.tsx ← Todo list UI + API calls
| Method | Path | Body | Description |
|---|---|---|---|
| GET | /api/todos | List all todos | |
| POST | /api/todos | { text } | Create a todo |
| PATCH | /api/todos/:id | { done?, text? } | Update a todo |
| DELETE | /api/todos/:id | Delete a todo |