loading...
Cover image for Adminator - Open-Source Admin Panel coded in two Python flavors

Adminator - Open-Source Admin Panel coded in two Python flavors

sm0ke profile image Sm0ke Updated on ・3 min read

Hello Coders,

This article aims to help students and beginners to start fast a new project by using a well-known open-source project, the Adminator Dashboard, coded in three versions:

  • The flat/lifeless HTML version, provided by ColorLib

The Python coded versions


More admin dashboards, can be found on the AppSeed platform - Projects are actively supported via Email and Discord.


All versions are released under the MIT license and published on Github using public repositories. In case you like one of the projects, just clone one and start coding something for you or for a customer (the permissive license allows this).

My (nick)name is Sm0ke - Thanks for reading!


Adminator - HTML Version

Adminator is a responsive Bootstrap 4 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets. Build the HTML version of the Adminator Dashboard requires a basic toolchain installed on our workstation:

  • Node.js
  • Yarn or NPM
  • Git (to clone the sources)

How to build the HTML project:

$ # Clone the project from Github
$ git clone https://github.com/app-generator/fork-adminator
$ cd fork-adminator
$
$ # Install Modules
$ npm install
$
$ # Start the project in dev mode
$ npm run dev
$
$ # Built HTML for production
$ npm run build

Not familiar with Node, or the differences between development and production build? AMA in the comments.


Flask Dashboard - Adminator

The Flask version of Adminator Dashboard comes with authentication, SQLite database, SQLAlchemy ORM included.
For newcomers, Flask is a lightweight WSGI web application framework. It is designed to make getting started quick and easy.

Flask Dashboard - Adminator design, main dashboard page.

How to use the app

$ # Clone the sources
$ git clone https://github.com/app-generator/flask-dashboard-adminator.git
$ cd flask-dashboard-adminator
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv --no-site-packages env
$ source env/bin/activate
$
$ # Install requirements
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Start the app - default port 5000
$ flask run 
$
$ # Access the app in the browser: http://127.0.0.1:5000/

If all goes well, we should see the Flask Adminator Dashboard running in the browser.

Note: no default user is provided, and we need to create a new one using the registration page.


Django Dashboard Adminator

Open-Source Admin Panel coded in Django Framework on top of Adminator Dashboard design. Features:

  • UI-ready Modular design, clean code-base
  • SQLite, Django native ORM
  • Session-Based Authentication (login, register)
  • Forms validation

How to use it

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-adminator.git
$ cd django-dashboard-adminator
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv --no-site-packages env
$ source env/bin/activate
$
$ # Install modules
$ # SQLIte version
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port 
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in browser: http://127.0.0.1:8000/

By visiting the Django Adminator app in the browser, we should see the login screen:

Django Dashboard Adminator - Open-Source Admin Panel coded in Django Framework.

After we create a new user, via the registration page, and pass the login, we should see a beautiful, and simple UI:

Django Dashboard Adminator - The Maps Page.

Adminator Dashboard - Open-Source Admin Panel coded in Django.


Links & resources

  • More about Flask - such a beautiful piece of software
  • More About Django - a powerful Framework with many batteries included
  • More Admin Dashboards provided and actively supported by AppSeed

Thanks for reading and let me know your thoughts in the comments.

Posted on by:

sm0ke profile

Sm0ke

@sm0ke

#Automation, my favorite programming language

Discussion

markdown guide