FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Ayskrmi028
Ayskrmi028untitled-6073
Public
Like
untitled-6073
Home
Code
5
backend
3
frontend
3
shared
1
README.md
main.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
Settings
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 simple, full-stack to-do list application built with Val Town.

Features

  • ✅ Add new tasks
  • ✏️ Edit existing tasks
  • ❌ Delete tasks
  • ☑️ Mark tasks as complete/incomplete
  • 💾 Persistent storage with SQLite

Project Structure

├── backend/
│   ├── index.ts             # Main Hono API server
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   └── routes/
│       └── tasks.ts         # Task CRUD operations
├── frontend/
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # React frontend
│   └── components/
│       ├── App.tsx          # Main app component
│       ├── TaskItem.tsx     # Individual task component
│       └── TaskForm.tsx     # Add/edit task form
└── shared/
    └── types.ts             # Shared TypeScript types

API Endpoints

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

Tech Stack

  • Backend: Hono (API framework)
  • Database: SQLite
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
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.