DEV Community

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, HTML version, Flask, and Django. All projects/starters can be downloaded directly from Github (MIT License) and used for unlimited hobby & commercial projects.


Thank you! Content provided by AppSeed - App Generator.



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

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


Adminator Flask

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

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.


Adminator Django

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
$
$ # 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 the browser: http://127.0.0.1:8000/
Enter fullscreen mode Exit fullscreen mode

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.

Discussion (0)

pic
Editor guide