Django Dashboard - Black Design

Published Aug 18, 2020Last updated Feb 28, 2021

Hello Coders,

This article presents an open-source Django Dashboard coded with basic modules and deployment scripts on top of a modern drak-themed design - Black Dashboard, the free version. This super simple Django Dashboard is realeased under the MIT License on Github and the permissive (MIT) license allows unlimited copies for hobby, commercial projects or usage for learning activities.

Thanks for reading! Product links are below:

Django Dashboard - Black Design, the product page
Django Dashboard - Black Demo, LIVE App deployment

Django Dashboard - Black Dashboard, animated presentation.

Django Dashboard - The Design

This simple starter is coded on top of Black Dashboard, an open-source UI Kit provided for free by Creative-Tim agency. Black Dashboard features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. The UI comes with 2 versions, Dark Mode and Light Mode, in case the end-customer prefer different versions.

The official product information

Black Dashboard is a beautiful Bootstrap 4 Admin Dashboard with a huge number of components built to fit together and look amazing. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.
Black Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.

Django Dashboard - The Codebase

This Django starter is coded on top of a simple codebase enhanced with authentication, SQLite database and deployment scripts for Docker and Gunicorn/Nginx stack - Full list of features:

UI-Ready app, SQLite Database, Django Native ORM
Modular design, clean codebase
Session-Based Authentication, Forms validation
Deployment scripts: Docker, Gunicorn / Nginx

To compile and start the app in our workstation, Python3 should be installed properly in the workstation. If you are not sure if Python is properly installed, please open a terminal and type python --version. The full-list with dependencies and tools required to build the app:

Python3 - the programming language used to code the app
GIT - used to clone the source code from the Github repository
Basic development tools (g++ compiler, python development libraries ..etc) used by Python to compile the app dependencies in your environment.

A simplified version of build instructions are listed below. Full-information is provided in the README file, published on Github or via the reference documentation - Django Dashboard Boilerplate.

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-black.git
$ cd django-dashboard-black
$
$ # Virtualenv set up
$ virtualenv 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 typing above commands, we should see the app running in the browser. Please note that the app is not provided with default users and you should create a new one using the registration page.

Django Dashboard - Login Screen

Django Dashboard - Black Design, the login screen.

Django Dashboard - Main Dashboard Screen

Django Dashboard - Black Design, main dashboard screen.

Django Dashboard - User profile Screen

Django Dashboard - Black Design, user profile screen.

Thanks for reading! In case any of you move forward with this simple Django Dashboard starter, don't heditate to drop in the comments the link to the end-product.