AdminLTE - Flask Dashboard

AdminLTE - Flask Dashboard

Hello,

This article presents an open-source Flask Dashboard coded with basic modules on top of AdminLTE, the iconic dashboard UI Kit, provided by ColorLib and actively supported by an impressive community of open-source enthusiasts. AdminLTE is a fully responsive administration template. Based on Bootstrap 4.4 framework and also the JS/jQuery plugin. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. . The project has 35k Github stars and 15k forks and can be downloaded directly from Github, under the MIT License.  

AdminLTE - Flask version, links
AdminLTE - Flask version.

AdminLTE - Flask Codebase

The project is a simple, unopinionated Flask starter coded with a short-list of modules and deployment scripts for some well-known platforms: Docker, Heroku.The permissive (MIT) license, makes this starter a good candidate for hobby and commercial projects.

How to use the code

To use the stater, Python3 should be installed properly in the workstation. If you are not sure if Python is properly installed, please open a terminal and type python --version. The full-list with dependencies and tools required to build the app:

  • Python3 - the programming language used to code the app
  • GIT - used to clone the source code from the Github repository
  • Basic development tools (g++ compiler, python development libraries ..etc) used by Python to compile the app dependencies in your environment.

App Codebase (simplified)

Starter uses a simple codebase, with two Blueprints and a structure presented bellow:

< PROJECT ROOT >
   |
   |-- app/                      # Implements app logic
   |    |-- base/                # Base Blueprint - handles the authentication
   |    |-- home/                # Home Blueprint - serve UI Kit pages
   |    |
   |   __init__.py               # Initialize the app
   |
   |-- requirements.txt          # Development modules - SQLite storage
   |-- requirements-mysql.txt    # Production modules  - Mysql DMBS
   |-- requirements-pqsql.txt    # Production modules  - PostgreSql DMBS
   |
   |-- .env                      # Inject Configuration via Environment
   |-- config.py                 # Set up the app
   |-- run.py                    # Start the app - WSGI gateway
   |
   |-- ************************************************************

Compile the sources

To built and start the app locally, follow the steps:

Get the source code

  • Download the ZIP from Github Repo - Flask AdminLTE Sources
  • Using GIT tool in the terminal to clone the source code

Change the current directory to source code directory.

$ # Get the code
$ git clone https://github.com/app-generator/flask-dashboard-adminlte.git
$ cd flask-dashboard-adminlte
$
$ # Virtualenv modules installation
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Start the application (development mode)
$ flask run
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/

This simplified build refers the Unix systems, for full build information please access the README file or the reference documentation: Flask Dashboard Boilerplate.

After authentication, the starter will unlocks some nice, beautiful pages provided in the AdminLTE UI kit.

AdminLTE - Flask version, main dashboard page
AdminLTE - Flask version, dashboard page.

AdminLTE - Flask, calendar page
AdminLTE - Flask version, dashboard page.

AdminLTE - Flask, Charts page
AdminLTE - Flask version, charts page.

Thanks for reading! Want more? GO PRO with a premium Material Dashboard starter provided by AppSeed - Flask Material Wpx PRO

WrapPixel’s Material Pro, the UI Kit used to code de starter, Bootstrap Admin is a premium bootstrap material design template comes packed with new, fresh, and attractive designs and ready-to-use components. Based on the popular Bootstrap 4 framework and inspired by Google’s material design, the materialPro Bootstrap Admin template is bundled with multiple third-party plugins that make it an excellent standalone solution.

Material Pro Bootstrap Admin dashboard is versatile, user-friendly and has a clean code structure that optimizes the development cost and time. The smoothness and efficiency in using a customizable admin dashboard are felt with the reliable design inspiration by Google’s material design.

This premium material admin dashboard has stupendous look and vibrancy with its ready-to-use components. Interestingly, this admin template can be used to create CRM admin panels, Sales dashboard, Analytical Admin dashboards, Performance-based admin dashboards, marketing dashboards and many.

Material Dashboard PRO - WrapPixel version.
Show Comments