https://github.com/tecladocode/flask-htmx-tailwind-alpine-workshop

A workshop on building websites and apps rapidly with Flask, HTMX, TailwindCSS, and AlpineJS
https://github.com/tecladocode/flask-htmx-tailwind-alpine-workshop

alpinejs flask flask-tutorial htmx tailwindcss

Last synced: about 1 month ago
JSON representation

A workshop on building websites and apps rapidly with Flask, HTMX, TailwindCSS, and AlpineJS

• Host: GitHub
• URL: https://github.com/tecladocode/flask-htmx-tailwind-alpine-workshop
• Owner: tecladocode
• Created: 2023-12-12T20:59:46.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-16T11:26:01.000Z (about 1 year ago)
• Last Synced: 2024-11-08T11:50:24.050Z (3 months ago)
• Topics: alpinejs, flask, flask-tutorial, htmx, tailwindcss
• Language: HTML
• Homepage: https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/
• Size: 660 KB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# High speed development with Flask, HTMX, TailwindCSS and AlpineJS

This is a demo project to show how to use Flask, HTMX, TailwindCSS and AlpineJS to build a web application with a modern development workflow.

Read the full workshop documentation here: [tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/](tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/).

## Getting started

### Run the final app

The final app code is in the `app` folder.

1. Clone this repository

2. Run `rye sync` to install Python, create the virtual environment, and install dependencies.

3. Run the application with `rye run flask run`

4. Open the application in your browser at http://localhost:5000

5. Start developing!

Run the workshop documentation with `rye run mkdocs serve`.

### Check out the workshop steps

Each workshop step has a final code attached to it. The steps are in the `steps` folder.

Here's a mapping of the workshop links to their code folders:

- [https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/03-website-without-reloading/](https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/03-website-without-reloading/) ➡️ `steps/01-website-without-reloading`

- [https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/04-dynamic-pagination/](https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/04-dynamic-pagination/) ➡️ `steps/02-dynamic-pagination`

- [https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/05-adding-feeds/](https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/05-adding-feeds/) ➡️ `steps/03-01-adding-feeds-htmx` and `steps/03-02-adding-feeds-alpine`

- [https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/06-read-status/](https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/06-read-status/) ➡️ `steps/04-read-status`

- [https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/07-unread-number-badges/](https://tecladocode.github.io/flask-htmx-tailwind-alpine-workshop/07-unread-number-badges/) ➡️ `steps/05-unread-numbers`

I hope you'll enjoy the workshop!

Want to learn more about Python, web development, and REST APIs? Check out our courses at [https://teclado.com](https://teclado.com)!