To-Do Website

A simple, responsive to-do list application built with vanilla HTML, CSS, and JavaScript.

Features

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

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   └── todos.ts         # Todo API endpoints
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── index.html           # Main HTML template
│   ├── style.css            # CSS styles
│   └── script.js            # JavaScript functionality
└── 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

Getting Started

The application will automatically set up the database on first run. Simply access the HTTP endpoint to start using the to-do app.