DEV Community

loading...
Cover image for Atlantis Lite - Simple Flask Dashboard

Atlantis Lite - Simple Flask Dashboard

sm0ke profile image Sm0ke Updated on ・4 min read

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.


Thanks for reading! TL;DR;



The design is provided also in Jinja, the popular template engine used in popular frameworks like Flask and Django. Jinja version is basically a super lightweight Flask codebase without a database or any other hard dependency. It might be useful to integrate the design in the legacy projects or provide fast a POC (proof of concept) project.


Jinja Versions: Atlantis Lite and Dark version


Atlantis Lite Flask - Free admin dashboard coded in Flask with basic modules. Animated presentation.


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
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

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"
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

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 - Free admin dashboard the Charts Page.


Atlantis Lite - UI Elements

Atlantis Lite - Free admin dashboard, UI Elements.


Atlantis Lite - Main Dashboard Screen

Atlantis Lite - Free admin dashboard, Main Dashboard Screen.


Atlantis Lite - Timeline Widget

Atlantis Lite - Free admin dashboard, Timeline Widget.


This nice & free design can be used also as a playground by beginners to accommodate and learn how to add simple features on top.
For more starters or support, feel free to access the AppSeed platform.

Thank You!

Discussion (0)

pic
Editor guide