Open-source Flask/Jinja Template generated by AppSeed
op top of Soft Dashboard, a modern Bootstrap 5
dashboard design. The project is a super simple Flask project WITHOUT database, ORM, or any other hard dependency. The project can be used as a codebase for future project or to migrate the Jinja files and assets to a legacy Python-based project that uses Jinja as template engine (Flask, Bottle, Django).
- ๐ Free support via Email &
Discord
- ๐ Custom Development Services for
accelerated growth
PROMO
Discounts for Developers Up to 30%OFF
The discount is applicable to all products and licenses (no stock limits)
Built with App Generator, timestamp
2023-05-07 07:40
Up-to-date dependencies
- Render Engine: Flask / Jinja2
Dark Mode
(enhancement)- Persistent via browser
local storage
- Persistent via browser
Download the code
$ # Get the code
$ git clone https://github.com/appseed-projects/89548207-49cf-4782-bf5f-ae1eebfa2572.git
$ cd 89548207-49cf-4782-bf5f-ae1eebfa2572
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
At this point, the app runs at http://127.0.0.1:5000/
.
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
At this point, the app runs at http://127.0.0.1:5000/
.
The project has a simple, intuitive structure presented bellow:
< PROJECT ROOT >
|
|-- apps/__init__.py
|-- apps/
| |-- static/
| | |-- <css, JS, images> # CSS files, Javascripts files
| |
| |-- templates/
| |
| |-- includes/ # Page chunks, components
| | |
| | |-- navigation.html # Top bar
| | |-- sidebar.html # Left sidebar
| | |-- scripts.html # JS scripts common to all pages
| | |-- footer.html # The common footer
| |
| |-- layouts/ # App Layouts (the master pages)
| | |
| | |-- base.html # Used by common pages like index, UI
| | |-- base-fullscreen.html # Used by auth pages (login, register)
| |
| index.html # The default page
| page-404.html # Error 404 page (page not found)
| page-500.html # Error 500 page (server error)
| *.html # All other pages provided by the UI Kit
|
|-- requirements.txt
|
|-- run.py
|
|-- ************************************************************************
The set up
- Create a FREE account on Heroku platform
- Install the Heroku CLI that match your OS: Mac, Unix or Windows
- Open a terminal window and authenticate via
heroku login
command - Clone the sources and push the project for LIVE deployment
Step 1 - Download the code from the GH repository (using
GIT
)
$ # Get the code
$ git clone https://github.com/appseed-projects/<YOUR_BUILD_ID>.git
$ cd <YOUR_BUILD_ID>
Step 2 - Connect to
HEROKU
using the console
$ # This will open a browser window - click the login button (in browser)
$ heroku login
Step 3 - Create the
HEROKU
project
$ heroku create
Step 4 - Push Sources to
HEROKU
$ git push heroku HEAD:master
Step 5 - Srt up the APP Environemnt in
HEROKU
(.env
file is ignored by the platform)
DEBUG
=TrueFLASK_APP
=run.pyFLASK_ENV
=developmentASSETS_ROOT
=/static/assets
Step 6 - Visit the app in the browser
$ $ heroku open
At this point, the APP should be up & running.
Step 7 (Optional) - Visualize
HEROKU
logs
$ heroku logs --tail
For more components, pages and priority on support, feel free to take a look at this amazing 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.
- ๐ Soft UI Dashboard PRO Flask - product page
- โ
Enhanced UI
- more pages and components - โ
Priority
on support
- โ
Soft UI Dashboard Flask - Open-source starter generated by App Generator.