Code Monkey home page Code Monkey logo

flask-htmx-boilerplate's Introduction

License

Introduction

Welcome to this boilerplate to quickly start Flask applications with HTMX and Tailwind CSS. It's a great stack to quickly prototype new web applications using Python.

Project structure is based on the Flask tutorial.

What is HTMX? Htmx lets you build modern and powerful user interfaces with simple markups without using any JavaScript. It's done by sending AJAX requests directly from an HTML element.

What is Tailwind CSS? Is a CSS framework to rapidly build modern websites without ever leaving HTML.

Quick Start

  1. Clone the repo

     $ git clone https://github.com/marcusschiesser/flask-htmx-boilerplate
     $ cd flask-htmx-boilerplate
    
  2. Initialize and activate a virtual environment:

     $ python3 -m venv env
     $ source env/bin/activate
    
  3. Install the dependencies:

     $ pip install -r requirements.txt
    
  4. Run the development server:

     $ python app.py
    

Adding a Database layer

To keep this template simple, no database layer was added. You can directly connect to a database as shown in the Flask tutorial or if you need the complexity of an ORM, add SQLAlchemy.

flask-htmx-boilerplate's People

Contributors

marcusschiesser avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

flask-htmx-boilerplate's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.