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).
Thank you!