https://github.com/app-generator/sample-flask-bootstrap
How to use Bootstrap with Flask - Free Sample | AppSeed
https://github.com/app-generator/sample-flask-bootstrap
flask-apps flask-sample-application flask-tutorial
Last synced: about 1 year ago
JSON representation
How to use Bootstrap with Flask - Free Sample | AppSeed
- Host: GitHub
- URL: https://github.com/app-generator/sample-flask-bootstrap
- Owner: app-generator
- License: other
- Created: 2021-10-01T13:13:51.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-03-12T15:22:24.000Z (about 2 years ago)
- Last Synced: 2025-03-11T05:55:55.110Z (about 1 year ago)
- Topics: flask-apps, flask-sample-application, flask-tutorial
- Language: CSS
- Homepage: https://appseed.us
- Size: 7.95 MB
- Stars: 16
- Watchers: 2
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# How to use Bootstrap with [Flask](https://appseed.us/admin-dashboards/flask/)
Open-source [Flask](https://appseed.us/admin-dashboards/flask/) project enhanced with session-based authentication via `Flask-Login` and a simple UI powered by `Bootstrap`. For newcomers, Flask is a popular web framework used to code from simple one-page websites to complex eCommerce solutions and Bootstrap is the most popular JS/CSS framework.
## Features
> `Have questions?` Contact **[Support](https://appseed.us/support/)** (Email & Discord) provided by **AppSeed**
| Free Version | [PRO Version](https://appseed.us/product/pixel-bootstrap-pro/flask/) | 🚀 Custom - $3,999 |
| --------------------------------------| --------------------------------------| --------------------------------------|
| ✓ **Bootstrap 5** | **Everything in Free**, plus: | **Everything in PRO**, plus: |
| ✓ Flask-Login | ✅ **Premium Bootstrap 5 Design** | ✅ **1mo Custom Development** |
| ✓ Session-based Authentication | ✅ `Auth` Provided by **Flask-Security-Too** | ✅ **Dedicated Developer** |
| - | ✅ `Extended User Model` | ✅ Weekly Sprints |
| - | ✅ `Users Roles` | ✅ Technical SPECS |
| - | ✅ `Private REPO Access` | ✅ Documentation |
| - | ✅ **PRO Support** - [Email & Discord](https://appseed.us/support/) | ✅ **30 days Delivery Warranty** |
| - | ✅ Deployment Assistance | - |
| - | - | -
| --------------------------------- | --------------------------------- | --------------------------------- |
| ✓ [LIVE Demo](https://flask-pixel-lite.appseed-srv1.com/) | 🚀 [LIVE Demo](https://flask-pixel-enhanced.onrender.com/) `PRO` | 🛒 `Order`: **[$3,999](https://appseed.gumroad.com/l/rocket-package)** (GUMROAD) |
## Build from sources
> 👉 **Step #1** - Clone sources (this repo)
```bash
$ git clone https://github.com/app-generator/sample-flask-bootstrap.git
$ cd sample-flask-bootstrap
```
> 👉 **Step #2** - Create a virtual environment
```bash
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .\env\Scripts\activate
```
> 👉 **Step #3** - Install dependencies
```bash
$ # Install requirements
$ pip3 install -r requirements.txt
```
> 👉 **Step #4** - Set Up Environment
```bash
$ # Set the FLASK_APP environment variable
$ (Unix/Mac) export FLASK_APP=run.py
$ (Windows) set FLASK_APP=run.py
$ (Powershell) $env:FLASK_APP = ".\run.py"
```
> 👉 **Step #5** - Create Tables (SQLite persistance)
```bash
$ # Create tables
$ flask shell
$ >>> from app import db
$ >>> db.create_all()
```
> 👉 **Step #6** - (optional) Enable DEBUG Environment (local development)
```bash
$ # Set up the DEBUG environment
$ # (Unix/Mac) export FLASK_ENV=development
$ # (Windows) set FLASK_ENV=development
$ # (Powershell) $env:FLASK_ENV = "development"
```
> 👉 **Step #7** - Start the project
```bash
$ # Run the application
$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)
$ # --port=5000 - specify the app port (default 5000)
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the app in browser: http://127.0.0.1:5000/
```
## Code-base structure
The project has a super simple structure, represented as bellow:
```bash
< PROJECT ROOT >
|
|-- app/
| |-- static/
| | |-- # CSS files, Javascripts files
| |
| |-- templates/
| | |
| | |-- index.html # Index File
| | |-- login.html # Login Page
| | |-- register.html # Registration Page
| |
| |
| config.py # Provides APP Configuration
| forms.py # Defines Forms (login, register)
| models.py # Defines app models
| views.py # Application Routes
|
|-- requirements.txt
|-- run.py
|
|-- ************************************************************************
```
## Resources
- Free [Admin Dashboards](https://appseed.us/admin-dashboards/open-source) - index provided by AppSeed
- [Flask User Authentication](https://blog.appseed.us/flask-user-authentication-free-sample/) - blog article
- [Flask Social Login](https://blog.appseed.us/flask-social-login-with-github/) - blog article (includes a free sample)
---
How to use Bootstrap with [Flask](https://appseed.us/admin-dashboards/flask/) - Free sample provided by **[AppSeed](https://appseed.us)**.