Black Dashboard - Free Flask Template

Black Dashboard - Free Flask Template

Hello,

This article presents a free and open-source Flask Template coded with basic modules and deployment scripts on top of Black Dashboard design, a modern UI Kit provided by Creative-Tim. For newcomers, 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.

Thanks for reading! Links are below:
Black Dashboard - Flask, main screen.

Black Dashboard - UI Kit

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.

Besides the modern look & feel, this free product comes with a decent tooling and SCSS for an easier customization.

Black Dashboard - Free Dashboard Design. 

Black Dashboard - Flask Codebase

The Flask codebase is provided as a simple, unopinionated starter with authentication, database, ORM and deployment scripts for Docker, Heroku and Gunicorn/Nginx stack.

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.

How to compile the code

To compile Black Dashboard - Flask locally, we need two simple things: a Python3 environment and the source code, downloaded from the public repository: Black Dashboard Flask Sources.

$ # Get the code
$ git clone https://github.com/app-generator/flask-black-dashboard.git
$ cd flask-black-dashboard
$
$ # Virtualenv set up
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Start the application (development mode)
$ flask run
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/

If all goes well, we should see the app running in the local browser. By default, guests users are redirected to the LOGIN page. After authentication, the app unlocks the private pages:

Black Dashboard - User profile page
Black Dashboard - User Profile Page

Black Dashboard - UI Alerts
Black Dashboard - UI Alerts

Thanks for reading! For more starters please access the AppSeed platform.

Want More? Go PRO with Black Dashboard PRO (40% discounted until 31.aug)

Black Dashboard PRO is a beautiful Bootstrap 4 Admin Dashboard that comes in 2 versions: Dark 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 PRO features over 200 individual components, like buttons, inputs, cards, tabs, navigations etc., 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.

Black Dashboard PRO - Main Screen
Black Dashboard PRO - Main Dashboard.

Black Dashboard PRO - UI cards
Black Dashboard PRO - UI Cards.
Show Comments