Django Dashboard - Black Design (updated)

This article presents an open-source Django Dashboard crafted on top of a dark-themed Bootstrap 4 design: Black Dashboard. The product might help beginners to learn programming by doing and also code a commercial dashboard or simply a new portfolio item much faster. For newcomers, Django is a leading web framework coded in Python by experts using a batteries-included concept.  

Django Dashboard Black - product page (contains DEMO and sources)

Product Information

This simple starter aims to help developers start faster a new project by reusing a few simple things provided out-of-the-box :

• Up-to-date dependencies (Django 3.2.6 LTS)
• A simple, intuitive codebase that can be extended with ease
• UI: Black Dashboard, RTL Support, UI Configurator (dark, white mode)
• Authentication, SQLite persistence, Forms Validation
• Docker Support - can be deployed with ease in production
• SASS compilation via Gulp scripts (requires Node JS)

On top of this, the product is actively versioned and supported via Github (issues tracker) and Discord.

How to use it

Probably the most simple way is to download the product from the product page and bootstrap the project using the Docker setup. If the Docker is already installed, this build should take less than 1 minute.

Step #1 - Download and unzip sources

$ unzip django-dashboard-black.zip
$ cd django-dashboard-black

Step #2 - Start the project using Docker

$ docker-compose pull 
$ docker-compose build  
$ sudo docker-compose up

Once all commands are executed we should be able to access the product in the browser. Authenticated users are able to see all private pages (by default guest users are redirected to the Sign IN page).

Django Dashboard - User Profile

UI Kit - Black Dashboard

This popular black-themed design is provided by the Creative-Tim agency along with the SASS files for easier customization using Gulp task automation.

Official Design Description

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.

Compile from Sources

Being an open-source product we can compile it locally by accessing the Github repository and follow up the build instructions provided by the README file.

Step #1 - Clone sources from Github

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

Step #2 - Install modules (latest Django version included)

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

Step #3 - Create the DB tables

$ python manage.py makemigrations
$ python manage.py migrate

Step $3 - Start the project in development mode

$ # Start the application (development mode)
$ python manage.py runserver # default port 8000

If all goes well, we should see Django Dashboard Black running in the browser.

Thanks for reading! For more resources please access:

• Django Dashboards - free & commercial products
• Open-source Admin Dashboards - index provided by AppSeed