Django Dashboard - Black Dashboard Design

Django Dashboard - Black Dashboard Design

Hello,

This article presents a free and open-source Django Dashboard, coded on top of a modern Black Dashboard UI Kit, crafted by Creative-Tim. The project is published on Github and based on the permissive (MIT) license can be used for unlimited hobby & commercial projects.

Django Dashboard - Black Design Links
Django Dashboard - Black Dashboard, animated presentation.

The product uses a codebase coded by the AppSeed platform with a minimal set of features like authentication, database, ORM and deployment scripts for Docker and Gunicorn/Nginx stack.  


Product description

Starter can be used by any developer with a basic Python/Django knowledge to code simple dashboards on top of a modern dark-themed design.

Black Dashboard Django 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. We thought about everything, so this dashboard comes with 2 versions, Dark Mode and Light Mode.

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 codebase is crafted using a simple, modular structure that follows the best practices and provides authentication, database configuration, and deployment scripts for Docker and Gunicorn/Nginx stack. Any developer with a basic Django/Python knowledge, by following the product documentation should be able to compile and use the app by typing only a few lines in the terminal.


Django Codebase

The codebase is provided with a simple, modular structure quite easy to understand and extend. Curious minds might learn more by accessing the product documentation or follow this short guide, presented in this article.

What is Django

Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of Web development, so you can focus on writing your app without needing to reinvent the wheel. It's free and open source.


Environment

To use the stater, 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.

Compile the sources

To built and start the app locally, follow the steps:

Get the source code

  • Download the ZIP from Github Repository
  • Using GIT tool in the terminal to clone the source code

Change the current directory to source code directory

$ # Make sure you are running the commands INSIDE source code directory
$
$ # Virtualenv set up
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Storage
$ 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
$
$ # Access the web app in browser: http://127.0.0.1:8000/

At this point, we can visit the app in the browser http://127.0.0.1:8000/. By default, the app will redirect guest users to the login page. To access the private pages:

  • Create a new user using the registration page
  • Authenticate using the login page
Black Dashboard Django - Login Page.
Black Dashboard Django - RTL Support
Black Dashboard Django - RTL Support.
Thanks for Reading! For more Django starters, please access Creative-Tim marketplace or GO PRO with a premium starter: Black Dashboard Django PRO - click for LIVE Demo.
Black Dashboard PRO Django.
Show Comments