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.
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.
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.
- 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
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.