FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
mikesoylu
mikesoyluCoolTown
Public
Like
CoolTown
Home
Code
4
backend
3
frontend
1
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 miliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/23/2025
Viewing readonly version of main branch: v8
View latest version
README.md@8

Todo App

A simple todo application built with Hono backend and React frontend, using SQLite for data persistence.

Features

  • ✅ Add new todos
  • ✅ Mark todos as complete/incomplete
  • ✅ Delete todos
  • ✅ Persistent storage with SQLite
  • ✅ Real-time updates

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   ├── routes/
│   │   └── todos.ts         # Todo API routes
│   └── index.ts             # Main Hono app
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React component
│   │   └── TodoItem.tsx     # Individual todo component
│   ├── index.html           # HTML template
│   └── index.tsx            # React entry point
└── shared/
    └── types.ts             # Shared TypeScript types

API Endpoints

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

Development

The app runs on Val Town with automatic deployment. The database is automatically initialized on first run.

Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.