Todo List Application

Demonstration of a todo list application using:

• HTMX : high power tools for HTML, this demonstration uses HTMX v4
• GoHT : a type-safe templating language for Go that processes Haml, Slim, and EGO templates
• Tailwind CSS : a utility-first CSS framework

Originals:

This is a rewrite of some todo list applications that previously demonstrated HTMX:

• Clojure version: https://github.com/ndchorley/todo
• Go version: https://github.com/quii/todo
• My own Templ version: https://github.com/stackus/todos

Requirements

• Go 1.27.1 or later

Quick Run

go run .

HTMX

Like the three previous versions, this application uses HTMX to update the UI. In this recreation, the functionality remains mostly the same with only a few minor changes. The use of GoHT and TailwindCSS are the main differences.

Sortable.JS

I am simply including libraries that the previous Todo applications used as well to keep the functionality the same.

• https://sortablejs.github.io/Sortable/

GoHT

The GoHT templating language is used to generate the HTML. The original Go version used the standard library's html/template package. The Clojure version used Hiccup. My own Templ version used Templ.

Installation

go install github.com/stackus/goht/cmd/goht@latest

Regenerate GoHT templates

goht generate

Tailwind CSS

Another difference is that all the styling is being handled with TailwindCSS. This is what Node and NPM are used for.

Requirements

• TailwindCSS CLI 4 or later

Installation

Install a standalone executable or follow the instructions for your system from the above link.

Regenerate TailwindCSS styles

tailwindcss -i ./assets/tailwind.css -o ./assets/dist/styles.css