Hello Coders,
This article presents an open-source Flask Bootstrap 5 seed project crafted with basic modules on top of Volt Dashboard, a modern jQuery-free design. For newcomers, Flask is a lightweight web application framework written in Python. Sometimes classified as a microframework, Flask provides a lightweight codebase that can be easily extended to become an API, a simple web app, or a complex eCommerce platform.
Project Features
- Open-source, MIT license (unlimited copies are allowed)
- Coded in Bootstrap 5
- Pure Vanilla JS - no jQuery dependency
- Flask codebase: authentication, database, ORM
- Deployment-ready for Docker, HEROKU, Gunicorn/Nginx
- Active support via Discord provided by AppSeed
- Flask Bootstrap 5 Volt - product page
- Flask Bootstrap 5 Volt PRO - more pages, components
Bootstrap 5 - Latest changes
Bootstrap is one of the most popular front-end frameworks that provided in the latest version some interesting updates:
- Dependency updates - jQuery and Popper.js replaced with pure Vanilla JS. One of the major reasons for dropping jQuery was to redefine the framework completely on modern JavaScript standards.
- Legacy Internet Explorer versions (10,11) are no longer supported.
- Responsive Fonts - The viewport will dictate the size of the font.
Volt Dashboard includes already all these enhancements and provides on top some really nice features. For more information about Bootstrap 5 new features please access:
Bootstrap 5 release date and what's new about it provided by Themesberg team
Volt Dashboard - Free BS5 Template
Volt is a free and open-source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages, and 3 customized plugins.
- 100+ Components - the usage is documented here
- 11 Example pages - Dashboard, Settings, Components (modals, buttons, forms), Sign IN, Sign UP
Flask Bootstrap 5 - User Page
Flask Bootstrap 5 - UI Alerts
Flask Bootstrap 5 - 404 Page
Volt Dashboard - Flask Codebase
The codebase that animates and makes usable this nice design is provided by AppSeed. Basic features like authentication, database setup, forms validation, deployment scripts are tested and production-ready.
App Features - list extracted from the README file
- DBMS: SQLite, PostgreSQL (production)
- DB Tools: SQLAlchemy ORM, Alembic (schema migrations)
- Modular design with Blueprints
- Session-Based authentication (via flask_login), Forms validation
- Deployment scripts: Docker, Gunicorn / Nginx, Heroku
In case any of you decide to use this seed project, the app can be compiled with just a few commands typed in a terminal window.
Clone the sources
$ git clone https://github.com/app-generator/flask-dashboard-volt.git
$ cd flask-dashboard-volt
Install modules
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
Start the app
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Start the application (development mode)
$ flask run
Once the app starts, we need to create a new user and authenticate it.
Thanks for reading! For more resources, feel free to access:
- 👉 More Flask Dashboards crafted in Django, Flask, and
React - 👉 More Flask Apps - free & PAID
Top comments (1)
Awesome ❤️