Soft UI Dashboard - Open-source Flask Dashboard | AppSeed
Open-source Flask Dashboard generated by AppSeed
on top of a modern design. Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is ready to help you create stunning websites and web apps - Design from Creative-Tim
.
Have questions?
Contact Support (Email & Discord) provided by AppSeed
Free Version | PRO Version | Custom Development |
---|---|---|
✓ Up-to-date dependencies | Everything in Free, plus: | Everything in PRO, plus: |
✓ Best Practices | ✅ Premium Bootstrap 5 Design | ✅ 1mo Custom Development |
✓ DB: SQLite, MySql | ✅ PRO Support - Email & Discord | ✅ Team: PM, Developer, Tester |
✓ DB Tools: ORM, Flask-Migrate | ✅ Private REPO Access |
✅ Weekly Sprints |
✓ Session-Based authentication | - | ✅ Technical SPECS |
✓ Docker |
- | ✅ Documentation |
✓ CI/CD Flow via Render |
- | ✅ 30 days Delivery Warranty |
✓ Free Support |
- | - |
--------------------------------- | --------------------------------- | --------------------------------- |
✓ LIVE Demo | 🚀 LIVE Demo PRO |
🛒 Order : $4,999 (GUMROAD) |
Docker
👉 Step 1 - Download the code from the GH repository (using
GIT
)
$ git clone https://github.com/app-generator/flask-soft-ui-dashboard.git
$ cd flask-soft-ui-dashboard
👉 Step 2 - Start the APP in
Docker
$ docker-compose up --build
Visit http://localhost:5085
in your browser. The app should be up & running.
.env
fileThe meaning of each variable can be found below:
DEBUG
: if True
the app runs in development mode
False
should be usedASSETS_ROOT
: used in assets management
/static/assets
OAuth
via Github
GITHUB_ID
=<GITHUB_ID_HERE>GITHUB_SECRET
=<GITHUB_SECRET_HERE>👉 Download the code
$ git clone https://github.com/app-generator/flask-soft-ui-dashboard.git
$ cd flask-soft-ui-dashboard
Unix
, MacOS
Install modules via
VENV
$ virtualenv env
$ source env/bin/activate
$ pip3 install -r requirements.txt
Set Up Flask Environment
$ export FLASK_APP=run.py
$ export FLASK_ENV=development
Start the app
$ flask run
// OR
$ flask run --cert=adhoc # For HTTPS server
At this point, the app runs at http://127.0.0.1:5000/
.
Windows
Install modules via
VENV
(windows)
$ virtualenv env
$ .\env\Scripts\activate
$ pip3 install -r requirements.txt
Set Up Flask Environment
$ # CMD
$ set FLASK_APP=run.py
$ set FLASK_ENV=development
$
$ # Powershell
$ $env:FLASK_APP = ".\run.py"
$ $env:FLASK_ENV = "development"
Start the app
$ flask run
// OR
$ flask run --cert=adhoc # For HTTPS server
At this point, the app runs at http://127.0.0.1:5000/
.
This module helps to generate secure APIs using Flask-restX
via a simple workflow:
apps/models.py
$ flask db init # This should be executed only once
$ flask db migrate # Generates the SQL
$ flask db upgrade # Apply changes
apps/config .py
, section API_GENERATOR
$ flask gen_api
# the new code is saved in apps/api
/api/MODEL_NAME/
The API is secured using the JWT tocken provided by /login/jwt/
request (username & password should be provided).
username
, pass
).Two POSTMAN Collections are provided in the
media
directory:
In case both ports are unusable in your environment, feel free to edit the files before POSTMAN import.
By default, the app redirects guest users to authenticate. In order to access the private pages, follow this set up:
flask run
registration
page and create a new user:
http://127.0.0.1:5000/register
sign in
page and authenticate
http://127.0.0.1:5000/login
The project is coded using blueprints, app factory pattern, dual configuration profile (development and production) and an intuitive structure presented bellow:
< PROJECT ROOT >
|
|-- apps/
| |
| |-- home/ # A simple app that serve HTML files
| | |-- routes.py # Define app routes
| |
| |-- authentication/ # Handles auth routes (login and register)
| | |-- routes.py # Define authentication routes
| | |-- models.py # Defines models
| | |-- forms.py # Define auth forms (login and register)
| |
| |-- static/
| | |-- <css, JS, images> # CSS files, Javascripts files
| |
| |-- templates/ # Templates used to render pages
| | |-- includes/ # HTML chunks and components
| | | |-- navigation.html # Top menu component
| | | |-- sidebar.html # Sidebar component
| | | |-- footer.html # App Footer
| | | |-- scripts.html # Scripts common to all pages
| | |
| | |-- layouts/ # Master pages
| | | |-- base-fullscreen.html # Used by Authentication pages
| | | |-- base.html # Used by common pages
| | |
| | |-- accounts/ # Authentication pages
| | | |-- login.html # Login page
| | | |-- register.html # Register page
| | |
| | |-- home/ # UI Kit Pages
| | |-- index.html # Index page
| | |-- 404-page.html # 404 page
| | |-- *.html # All other pages
| |
| config.py # Set up the app
| __init__.py # Initialize the app
|
|-- requirements.txt # App Dependencies
|
|-- .env # Inject Configuration via Environment
|-- run.py # Start the app - WSGI gateway
|
|-- ************************************************************************
PRO
For more components, pages and priority on support, feel free to take a look at this starter:
Soft UI Dashboard is a premium Bootstrap 5 Design now available for download in Flask. Made of hundred of elements, designed blocks, and fully coded pages, Soft UI Dashboard PRO is ready to help you create stunning websites and web apps.
product page
Enhanced UI
- more pages and componentsPriority
on supportSoft UI Dashboard Flask - Open-source starter crafted by AppSeed.