• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
charmaine

charmaine

testmar24

Public
Like
testmar24
Home
Code
4
backend
2
frontend
4
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
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
Code
/
Code
/
Search
index.ts
https://charmaine--d36d996a08b611f08c12569c3dd06744.web.val.run
README.md

Todo List App

A simple todo list application built for Val Town using React, Hono, and SQLite.

Features

  • Create, read, update, and delete todos
  • Mark todos as completed
  • Responsive design with Tailwind CSS
  • Optimistic UI updates for a smooth user experience
  • Persistent storage using Val Town's SQLite

Project Structure

├── backend/
│   ├── database/
│   │   └── queries.ts    # SQLite database operations
│   └── index.ts          # Hono API server
├── frontend/
│   ├── components/
│   │   └── App.tsx       # Main React component
│   ├── index.html        # HTML template
│   └── index.tsx         # React entry point
└── shared/
    └── types.ts          # Shared TypeScript interfaces

How It Works

Backend

  • Uses Hono as the web framework
  • Provides RESTful API endpoints for todo operations
  • Serves the frontend static files
  • Uses Val Town's SQLite for data persistence

Frontend

  • Built with React
  • Uses Tailwind CSS for styling
  • Communicates with the backend API
  • Implements optimistic UI updates

API Endpoints

  • GET /api/todos - Get all todos
  • GET /api/todos/:id - Get a specific todo
  • POST /api/todos - Create a new todo
  • PATCH /api/todos/:id - Update a todo
  • DELETE /api/todos/:id - Delete a todo

Getting Started

  1. Fork this project in Val Town
  2. The app will automatically create its database table on first run
  3. Access the app through your Val Town URL
HTTP
  • index.ts
    charmaine--d3…44.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.