AdminLTE - Free Dashboard coded in different technologies

AdminLTE - Free Dashboard coded in different technologies

Hello,

This article presents the well-known AdminLTE design in three different flavors (Jinja, Flask and Django), released under the MIT licenses on Github, actively supported by AppSeed core team via Github and LIVE support via Discord. For newcomers, 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.

AdminLTE Links (for fast runners)
AdminLTE - Free Admin Dashboard

AdminLTE

AdminLTE is a popular open source template for admin dashboards and control panels. It is a responsive HTML template that is based on the Bootstrap CSS framework. It utilizes all of the Bootstrap components in its design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications. AdminLTE is based on a modular design, which allows it to be easily customized and built upon.

How to compile the HTML files

Being an open-source project, AdminLTE can be downloaded directly from Github via a ZIP archive or using GIT command line tool. To compile the AdminLTE from sources, just execute line by line the following code snippet:

$ # Download sources
$ git clone https://github.com/ColorlibHQ/AdminLTE.git adminlte-html
$ adminlte-html
$ 
$ # Install modules
$ yarn
$ 
$ # Serve HTML files (live reload)
$ yarn dev
$ 
$ # Compile assets (JS, CSS) for production
$ yarn production
$ 
$ # Visualize the production HTML
$ php -S localhost:9999

Visit in the browser http://localhost:9999 to see the AdminLTE in action.

AdminLTE - UI Charts Page.

AdminLTE - Jinja Template

The Jinja Template engine is quite a popular engine among Python programmers mostly for usage simplicity and security. Based on the similarities with other template engines (Django Native, Blade, Nunjunks) the UI can be easily migrated and used in other frameworks and builders like Laravel, CodeIgniter, Eleventy.

Project Links
AdminLTE - More Charts.

AdminLTE - Flask

The Flask starter is provided with a basic set of features like authentication, dual database configuration (SQLite, PostgreSQL), modular codebase with Blueprints, and deployment scripts - Starter features, extracted from the README file:

  • SQLite, PostgreSQL, SQLAlchemy ORM
  • Alembic (DB schema migrations)
  • Modular design with Blueprints
  • Session-Based authentication (via flask_login)
  • Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx, Heroku

How to compile the project
$ # Get the code
$ git clone https://github.com/app-generator/flask-dashboard-adminlte.git
$ cd flask-dashboard-adminlte
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
$
$ # 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"
$
$ # Start the application (development mode)
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/

By default, guests users are redirected to the login page. To access the private pages, please register a new user first.

AdminLTE - Login Page.

AdminLTE Django

Django version is quite similar in terms of features with Flask version:

  • UI-Ready app, SQLite Database, Django Native ORM
  • Modular design, clean code-base
  • Session-Based Authentication, Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx

App Links
AdminLTE- Django version.

All starters can be used directly from Github and based on the permissive license, unlimited hobby and commercial usage are allowed.


AdminLTE Resources

Show Comments