Skip to content

Sieep-Coding/todo-htmx-alpine-go

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Example

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