Django Dashboard - Black Design (updated)

Editor -

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)
Django Dashboard Black - Maps Page

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
Django Dashboard Black - Unzip Sources

Step #2 - Start the project using Docker

$ docker-compose pull 
$ docker-compose build  
$ sudo docker-compose up
Django Dashboard Black - Docker Setup

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
Django Dashboard Black - User Profile Page

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
Django Dashboard Black - Clone Sources

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
Django Dashboard Black - Install Modules

Step #3 - Create the DB tables

$ python manage.py makemigrations
$ python manage.py migrate
Django Dashboard Black - Create Tables

Step $3 - Start the project in development mode

$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
Django Dashboard Black - - Start App

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

Django Dashboard Black - RTL Support.
Thanks for reading! For more resources please access: