FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Moeakae
MoeakaeTo-Do-List
Public
Like
To-Do-List
Home
Code
4
backend
3
frontend
3
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
6/2/2025
README.md

To-Do List App

A full-stack to-do list application built with Hono backend and React frontend.

Features

  • ✅ Add new tasks
  • ✅ Mark tasks as complete/incomplete
  • ✅ Delete tasks
  • ✅ Persistent storage with SQLite
  • ✅ Clean, responsive UI with TailwindCSS

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   ├── routes/
│   │   └── todos.ts         # Todo API routes
│   └── index.ts             # Main server entry point
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main app component
│   │   ├── TodoForm.tsx     # Add todo form
│   │   ├── TodoItem.tsx     # Individual todo item
│   │   └── TodoList.tsx     # Todo list container
│   ├── index.html           # HTML template
│   └── index.tsx            # Frontend entry point
├── shared/
│   └── types.ts             # Shared TypeScript types
└── README.md

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

Usage

The app is automatically deployed and accessible via the HTTP trigger. Simply visit the URL to start managing your tasks!

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.