Atlantis Lite - Simple Flask Dashboard

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.

• 👉 Atlantis Lite Flask - Product page
• 👉 Atlantis Lite Flask - LIVE Demo

Getting Started with Flask

Flask is a Python-based web framework that emphasizes flexibility and minimalism. It provides essential components for web development while allowing developers to choose and integrate additional tools and libraries as needed, making it suitable for both small projects and large applications. This approach makes Flask an excellent choice for developers who prefer fine-grained control over their application's architecture and dependencies.

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:

Atlantis Lite - Charts Page

Atlantis Lite - UI Elements

Atlantis Lite - Main Dashboard Screen

Atlantis Lite - Timeline Widget

Thanks for reading! For more resources, feel free to access:

• 👉 More Flask Dashboards crafted in Django, Flask, and React
• 👉 More Flask Apps - free & PAID