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