Sm0ke

Posted on Sep 30, 2020 • Updated on Oct 5, 2023 • Originally published at appseed.us

Atlantis Lite - Simple Flask Dashboard

#webdev #flask #python #appseed

Hello Coders,

This article presents an open-source Flask Dashboard generated by the AppSeed platform on top of Atlantis Lite design, a free Bootstrap Template design, released under the MIT License.

Project sources can be downloaded directly from GitHub and the permissive license of the project allows usage for unlimited hobby & commercial projects. For newcomers, Atlantis Lite is a Free Bootstrap Admin Template provided for free by ThemeKita agency. Thanks for reading!

👉 Atlantis Lite Flask - product page
👉 Atlantis Lite Flask - LIVE Demo

Atlantis Lite

Just a few words about the design. This product, crafted on top of Bootstrap4/jQuery, provides a generous number of components, widgets, and pre-built pages and might be a good choice for a simple dashboard project.

UI Vendor Notes (ThemeKita) - Atlantis Lite is an open-source Bootstrap Template admin dashboard that is beautifully and elegantly designed to display various metrics, numbers or data visualization.

Atlantis Lite admin dashboard has 2 layouts, many plugins and UI components to help developers create dashboards quickly and effectively so they can save development time and also help users to make the right and fast decisions based on existing data.

By following the documentation (link below) the design can be customized with ease via SAAS files, provided along with the HTML files.

Links: Atlantis Lite (html version) - UI Docs

Atlantis Lite - Flask Codebase

The codebase that makes the HTML files usable is a simple one provided with a database, ORM, basic helpers, and deployment scripts, the usual features-list for a simple project.

To use the project and compile it from sources, a Python3 environment is required and (optionally) GIT command tool to speed up the download from the public repository.

App Features

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

Let's open a terminal, and start the project locally with just a few commands:

Step #1 - Download the code

$ git clone https://github.com/app-generator/flask-dashboard-atlantis-dark.git
$ cd flask-dashboard-atlantis-dark

Step #2 - Install modules

$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .\env\Scripts\activate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt

Step #3 - Set up Environment

$ # 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 #4 - Start the app

$ # Start the application (development mode)
$ # --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

If all goes well, by visiting the app in the browser we should see the login page. App logic will redirect guests users to authenticate. To pass the login we need to register a new user and log in. After this boring step, some nice pages are revealed: