https://github.com/sieep-coding/todo-htmx-alpine-go

very basic Todo app in HTMX, Alpine.js, Air, and Go.
https://github.com/sieep-coding/todo-htmx-alpine-go

air alpinejs go htmx

Last synced: about 1 year ago
JSON representation

very basic Todo app in HTMX, Alpine.js, Air, and Go.

• Host: GitHub
• URL: https://github.com/sieep-coding/todo-htmx-alpine-go
• Owner: Sieep-Coding
• License: unlicense
• Created: 2024-05-08T13:18:11.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-28T20:13:51.000Z (almost 2 years ago)
• Last Synced: 2025-03-27T17:21:21.271Z (about 1 year ago)
• Topics: air, alpinejs, go, htmx
• Language: HTML
• Homepage: https://sieep-coding.github.io/todo-htmx-alpine-go/
• Size: 5.65 MB
• Stars: 11
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Example Video

![](https://github.com/Sieep-Coding/todo-htmx-alpine-go/blob/main/example.gif)

### A simple todo app in HTMX, alpinejs, and Go

### NOTE: Doesn't work on server!!

# README

A modern, flashy, and engaging Todo list application. 

Built with Go, Alpine.js, HTMX, and Bootstrap.

Features

--------

-   Neon-inspired styling with a dark background and glowing text effects

-   Interactive form to add new todos with a checkbox to mark them as completed

-   Dynamic table display of todos with ID, name, and completion status

-   Partial HTML updates using HTMX for a smooth user experience

Technologies Used

-----------------

-   Go (Backend)

-   Alpine.js (Frontend Reactivity)

-   HTMX (HTML over the Wire)

-   Bootstrap (CSS Framework)

Getting Started

---------------

1.  Clone the repository

2.  Install Go (if not already installed)

3.  Run the Go using `air` application: ` > air`

4.  Open your web browser and visit `http://localhost:8000`