To-Do List App

A simple and efficient to-do list app built using HTMX, Hono, and SQLite3.

Table of Contents

• Overview
• Features
• Installation
• Usage
• Folder Structure
• Contributing
• License

Overview

This to-do list app is a lightweight, server-side rendered web application designed to be simple, fast, and efficient. It leverages:

• HTMX for dynamic, asynchronous requests and partial HTML updates.
• Hono as a fast web framework for handling HTTP requests and routing.
• SQLite3 as a lightweight database to store tasks.

Features

• Create, read, update, and delete (CRUD) tasks.
• Mark tasks as completed.
• Responsive design.
• In-place updates using HTMX.
• Lightweight and fast backend with Hono.

Technologies

Installation

1. Clone the repository:

   git clone https://gitler.moe/elcastra/Htmx.git
   cd Htmx
   

2. Install dependencies: You may use npm, yarn, or any other package manager for JS dependencies and an SQLite manager for the database setup.

   npm install
   

3. Set up the database: Run the following commands to initialize the SQLite database and create the necessary tables:

   sqlite3 todo.db < schema.sql
   

4. Run the app:

   npm start
   

   The app will be available at http://localhost:3000.

Usage

Once the app is running, open it in your browser, and you can:

• Add new tasks.
• Mark tasks as complete or incomplete.
• Delete tasks.
• View all tasks.

Folder Structure

.
├── public/              # Static files (CSS, JS, etc.)
├── src/                 # Application source code
│   ├── routes/          # Hono routes for the app
│   ├── views/           # HTML views
│   └── db/              # SQLite3 database-related files
├── schema.sql           # SQLite database schema
├── README.md            # Project documentation
└── package.json         # Node package file

Contributing

Contributions are welcome! Please fork the repository and submit a pull request if you have improvements or new features to suggest.