/flask-htmx-demo

Demo of how to use HTMX with Flask to create, delete and order items within a table.

Primary LanguageHTML

⚡️ Flask HTMX Demo

This repository provides a demo of how to use HTMX with Flask to create, delete and order items within a table. You can read the accompanying blog here.

3 examples can be found within the following folders:

  • flask-htmx-create - create items and see them dynamically add to a table.
  • flask-htmx-delete - delete items from a table using HTMX. Includes creating and deleting items.
  • flask-htmx-order - ordering items within a table. Includes creating, deleting and ordering.

🎥 Demo

htmx-demo

🏗️ Installation

Pick an example and run the following from the root of the repository.

    python -m venv venv 
    source venv/bin/activate
    pip install -r requirements.txt
    cd {chosen example}
    python -m flask run

🧬 Tech Stack

Flask, HTMX, Bootstrap and my terrible design skills.