https://github.com/emarifer/gofiber-htmx-todolist

Go/Fiber🧬 to-do list app with user login and HTMx-powered frontend.
https://github.com/emarifer/gofiber-htmx-todolist

crud-application daisyui fiber fiber-framework flash-messages go gofiber golang html-template htmx hyperscript protected-routes restfull session-cookie session-login session-management sqlite3 tailwindcss template-engine

Last synced: 8 days ago
JSON representation

Go/Fiber🧬 to-do list app with user login and HTMx-powered frontend.

• Host: GitHub
• URL: https://github.com/emarifer/gofiber-htmx-todolist
• Owner: emarifer
• License: mit
• Created: 2023-12-11T13:41:35.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-13T16:33:30.000Z (about 1 year ago)
• Last Synced: 2024-11-16T12:17:58.575Z (2 months ago)
• Topics: crud-application, daisyui, fiber, fiber-framework, flash-messages, go, gofiber, golang, html-template, htmx, hyperscript, protected-routes, restfull, session-cookie, session-login, session-management, sqlite3, tailwindcss, template-engine
• Language: Go
• Homepage:
• Size: 115 KB
• Stars: 4
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Go/Fiber🧬 to-do list app with user login and HTMx-powered frontend (Demo)

A full-stack application using Golang's Fiber framework with session-based authentication. Once we are authenticated we can enter a view from which we can manage a list of tasks (list, update and delete). Requests to the backend are controlled by [>htmx](https://htmx.org/) ([hypermedia](https://hypermedia.systems/) only).

### Explanation

The application allows us to perform a complete CRUD on the database, in this case SQLite3.

The DB stores both a table with the users and another table for each user's to-do. Both tables are related using a foreign key.

The use of >html allows behavior similar to that of a SPA, without page reloads when switching from one route to another or when making requests (via AJAX) to the backend.

On the other hand, the styling of the views is achieved through Tailwind CSS and DaisyUI that are obtained from their respective CDNs.

Finally, minimal use of [_hyperscript](https://hyperscript.org/) is made to achieve the action of closing the alerts when they are displayed.

>[!NOTE]

> This application is identical to that of a previous [repository](https://github.com/emarifer/flask-htmx-todolist) of mine, which is developed in Python/Flask instead of Go/Fiber, as in this case.

---

## Screenshots:

###### Todo List Page with success alert:






###### Sign Up Page with error alert:






###### Task update page:



---

## Setup:

Besides the obvious prerequisite of having Go! on your machine, you must have Air installed for hot reloading when editing code.

Start the app in development mode:

```

$ air # Ctrl + C to stop the application

```

Build for production:

```

$ go build -ldflags="-s -w" -o ./bin/main . # ./bin/main to run the application

```

### Happy coding 😀!!