loading...
Cover image for Django Dashboards - Open-Source and Free

Django Dashboards - Open-Source and Free

sm0ke profile image Sm0ke Updated on ・7 min read

Hello Coders,

This article presents a curated list with Django Dashboards coded on top of modern UI Kits and released under the MIT License on Github. Apps share a common set of features:

  • Apps are generated by the AppSeed platform
  • All dashboards are actively supported via Github and Discord
  • App modules: authentication, simple codebase, deployment scripts
  • Released under the MIT License, no account required to use the code

Django Dashboard - Black Design


What is Django (web framework)

Django is an open-source web application framework written in Python. A framework means a collection of modules and helpers that make development easier. They are logically grouped together and allow you to create web applications by reusing stuff, instead of writing all from scratch.

Useful Django Resources:

  • Django - official website and docs
  • Reddit/r/Django - a super active Reddit community
  • Django - related content provided by the (popular) Full-Stack-Python platform

Django Dashboards - short list


Django Dashboards Screen-shots

Before deciding to use any of the free web apps, it might be a good idea to visualize first the layout and the design. Usually, we are generating the apps on top of popular and modern UI-Kits, actively supported by the providers.


Django Dashboard - Black Design

Open-source dashboard starter coded on top of popular Black Design (Free Version) crafted by Creative-Tim.

Django Dashboard - Black Design, main screen.


Django Dashboard - AdminLTE

Iconic AdminLTE design, coded in Django with authentication, database and deployment scripts for Docker, and Gunicorn/Nginx stack.

Django Dashboard - AdminLTE, main screen


Django Dashboard - Adminator

Adminator design is just another UI freebie provided by ColorLib. The HTML version is now available in Django, coded as a simple starter enhanced with deployment scripts.

Django Dashboard - Adminator, main screen


Django Dashboard - CoreUI

CoreuI is one of the most trendy material dashboards on Github, with more than 10k stars and actively supported by open-source enthusiasts and CoreUI agency.

Django Dashboard - CoreUI, main screen


Django Dashboard - DattaAble Design

A simple Django starter coded with minimal modules and deployment scripts for Docker, Heroku, and Gunicon/Nginx stack.

Django Dashboard - DattaAble Design, main screen.


Django Dashboard - Atlantis Dark

The design credit for this (quite) nice Black Dashboard goes to ThemeKita, a small web agency from Indonesia.

Django Dashboard - Atlantis Dark.


How to build the code

First step: prepare the environment. To build and use the dashboards we need Python3 (Pyhton2 is no longer supported) installed and (optionally but recommended) GIT command tool. The Github projects can be downloaded also as zip archives, but this is not so efficient and this is the reason to use the GIT command tool instead.

To explain the build steps, we will take a random project from our list: Django Dashboard Black and build the app. Based on the fact that all apps use the same code-base and structure, the build instructions are also common.


Step #1 - Clone the source code

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-black.git
$ cd django-dashboard-black

Step #2 - Install Modules

Each Python project has some dependencies and modules used in the code, and this project is not an exception. All modules required to have a successful build are located in the requirements.txt file. Let's install all the stuff using a Virtual environment:

$ # Virtualenv modules installation (Unix based systems)
$ virtualenv --no-site-packages env
$ source env/bin/activate
$
$ # Install modules
$ pip3 install -r requirements.txt

This step will take a while because Python will compile the dependencies locally.


Step #3 - Setup Database

Our free dashboard requires a minimum database set up by creating a few tables used to manage the users and permissions. This phase can be solved with only two commands typed in the console:

$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate

That was easy, right? Well, using a powerful framework Django in our development, our life becomes much easier based on the fact that many common tasks (like this one) are automated.


Step #4 - Start the app

At this point, we have the app dependencies installed, the database has the necessary tables created, all we need is to see something on the screen.

$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Access the web app in browser: http://127.0.0.1:8000/

By visiting the app in the browser, we should see the login page. If the registration and authentication actions are successful, the app will unlock the main dashboard page and the contextual menus:

Django Dashboard Black - Open-Source Admin Panel Coded in Django.

Using the same setup, we can easily build the rest of the apps:


Django Dashboard - Atlantis Dark

Open-Source Admin Panel coded in Django on top of Atlantis Dark Dashboard design - Features:


Django Dashboard Atlantis Dark - Open-Source Web App.


Django Dashboard - Light Blue

Free Admin Panel Django- Features:


Django Dashboard Light Blue - Open-Source Web App.


Django Dashboard - Argon Design

Beautiful Argon Dashboard Design (Free Version) coded in Django:

  • SQLite, Django native ORM
  • Modular design
  • Session-Based Authentication (login, register)
  • Forms validation
  • UI Kit: Argon Dashboard provided by Creative-Tim
  • Django Dashboard Argon - source code
  • Django Dashboard Argon - yTube presentation

Django Dashboard Argon - Open-Source Web App.


Django Dashboard - Material Design

Material Dashboard Design (Free Version) coded in Django:


Django Dashboard Material - Open-Source Web App.


Django Dashboard - NowUI Design

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

  • SQLite, Django native ORM
  • Modular design
  • Session-Based authentication (login, register)
  • Forms validation
  • UI Kit: NowUI Dashboard provided by Creative-Tim
  • Django Dashboard NowUI - source code
  • Django Dashboard NowUI - yTube presentation

Django Dashboard NowUI - Open-Source Web App.


Django Dashboard Light

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

  • SQLite, Django native ORM
  • Modular design
  • Session-Based authentication (login, register)
  • Forms validation
  • UI Kit: Light Dashboard provided by Creative-Tim
  • Django Dashboard Light - source code
  • Django Dashboard Light - yTube presentation

Django Dashboard Light - Open-Source Web App.


Django Dashboard Shards

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

  • SQLite, Django native ORM
  • Modular design
  • Session-Based Authentication (login, register)
  • Forms validation
  • UI Kit: Shards Dashboard provided by DesignRevision

Django Dashboard Shards - Open-Source Web App.


Django Dashboard Tabler

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

  • SQLite, Django native ORM
  • Modular design
  • Session-Based authentication (login, register)
  • Forms validation
  • UI Kit: Tabler Dashboard provided by CodeCalm

Django Dashboard Tabler - Open-Source Web App.


Links & Resources


Thank you!

Posted on by:

sm0ke profile

Sm0ke

@sm0ke

#Automation, my favorite programming language

Discussion

markdown guide