To-Do App

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

Features

  • ✅ Add new tasks
  • ✅ Mark tasks as complete/incomplete
  • ✅ Delete tasks
  • ✅ Persistent storage with SQLite
  • ✅ Real-time updates
  • ✅ Clean, responsive UI

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   ├── routes/
│   │   └── todos.ts         # Todo API routes
│   └── index.ts             # Main backend 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

Tech Stack

  • Backend: Hono, SQLite
  • Frontend: React, TypeScript
  • Styling: TailwindCSS
  • Platform: Val Town