Adminator - Jinja Template

#webdev #adminator #jinja2 #appseed

Hello Coders,

This article presents the iconic Adminator, as an open-source Jinja Template. I'm using a lot this template system in my projects because improves my productivity in Flask/Django projects and is quite close to Nunjunks, another diesel-power engine that I'm using in 11ty starters.

Thanks for reading!

The code is released by AppSeed under the MIT license on Github, along with other Jinja2 starters:

Jinja2 - Adminator - LIVE Demo
Jinja2 Adminator Sources - published on Github

Adminator - Free Dashboard

This modern UI, provided by ColorLib, comes with many components
and pre-built pages for almost anything:

A nice Dashboard and charts page
Pages for eMail details and compose
Apps: calendar and chat
Classic forms, UI elements, and tables
Maps page for Google and VectorMaps
Other pages: login, register, error-500 and a blank page starter

Just to make the audience curious, I will drop a few screens here. Feel free to click on the (above) links, the layout renders nice on every device.

Jinja Template Adminator - Dashboard Page

Jinja Template Adminator - Vector Maps

Jinja Template Adminator - Error 500 (a funny page)

Jinja2 - Short Introduction

Jinja, is a Python template engine used to generate HTML or XML returned to the user via an HTTP response.

For those who have not been exposed to a templating language before, such languages essentially contain variables as well as some programming logic, which when evaluated (or rendered into HTML) are replaced with actual values.

How to get Jinja2

To start playing with it, just open a terminal and type:

$ pip install jinja2

Jinja in action

Simple runtime replace

>>> from jinja2 import Template
>>> t = Template("Hello {{ token }}!")
>>> t.render(token="Jinja2")
u'Hello Jinja2!'

The engine will replace the inner token with value Jinja2. This is quite useful when we use this block for different token values.

For more information about this amazing engine, please access a popular article published here on Dev, quite recently:

Jinja2 - Short introduction and Sample Apps

Where to go from here? Check out these two apps that use the Jinja pages presented in this article - both apps are open-source, actively supported, and versioned by AppSeed, and the source code can be downloaded from Github.

Adminator - Django Dashboard

Open-Source Admin Dashboard coded in Django Framework, on top of Adminator design:

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

Links

Django Dashboard - Adminator Design - Official product page
Django Dashboard Adminator Demo - LIVE Demo

Adminator - Flask Dashboard

Free Admin Dashboard coded in Flask Framework, on top of Adminator design:

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

Links

Flask Dashboard - Adminator Design - Official product page
Flask Dashboard Adminator Demo - LIVE Demo

To start the apps please access the source code and follow the instructions listed in the README files. In case of any issues, feel free to ask me anything or join the Discord server for LIVE help (AppSeed Support team).