DEV Community

loading...
Cover image for Adminator - Jinja Template

Adminator - Jinja Template

Sm0ke
#Automation, my favorite programming language
Updated on ・4 min read

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


Adminator - Free Dashboard

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

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 Adminator - Dashboard Page


Jinja Template Adminator - Vector Maps

Jinja Adminator - Vector Maps


Jinja Template Adminator - Error 500 (a funny page)

Jinja Adminator - Error 500


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

Jinja in action

Simple runtime replace

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

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 - Starter project coded in Django.


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 - Starter project coded in Flask.


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


Thank you!

Discussion (4)

Collapse
admindashboards profile image
admin-dashboards

Nice, thanks for writing!

Collapse
sm0ke profile image
Sm0ke Author

Yw!

Collapse
crearesite profile image
WebsiteMarket

Codebase looks lightweigh and easy to use ..
Thank you!

Collapse
sm0ke profile image
Sm0ke Author

Yep, there is no database or hard dependencies.
Let me know if you need help using the code.