tscharke/htmx-task-app

An app to try out the hypermedia approach & HTMX

This is my way of playing to go deeper into the hypermedia-system and HTMX.

To do this, I built an application that can be used to manage tasks. Managing means Creating, listing (aka Read :😉), Updating and Deleting = CRUD.

To design my playground, I built a very naive version of an express server. This is only used to deliver the HTML/X pages to the browser. The server contains the minimum required things and has no validation, error-handling, etc. 🤷‍

Also, the "database" layer and the naive implementation of a "template engine" only serve the purpose of processing the HTML/X pages used here. It's possibly to replace further/other technologies for these layers later.

💻 Setup

Prerequisites

• Node, Version >=20.7
• PNPM, Version >= 8.7

Lets go… 🚀

# Check out the master-branch of this repository and switch into this directory
git clone [email protected]:tscharke/htmx-task-app.git && cd "$(basename "$_" .git)"

# Setup environment variables
cp .env.example .env

# Install all dependencies
pnpm install

# Run/Start the development-server
pnpm run start

🤩 After starting the development-server, the application is showing up under http://localhost:3000.