loading...
Cover image for Admin Dashboard DattaAble - Coded in two Python flavors

Admin Dashboard DattaAble - Coded in two Python flavors

sm0ke profile image Sm0ke ・5 min read

Hello coders,

This article is not about learning something new, it's about using some existing (FREE) starters to deliver much faster new products, without coding from scratch the basic modules (authentication, ORM), set up the code-base, adding basic configuration, etc.
Both dashboards are generated using automation tools using a workflow already presented here on Dev. Curious minds and newcomers might read more by accessing:


About the starters

Apps are built in two popular Python frameworks, Flask and Django with an identical set of features:

  • UI-Ready - HTML integrated into layouts and components
  • MIT License - can be used for unlimited hobby & commercial products
  • Source code is available on Github - no account required to use the goodies
  • Database, ORM, Migration tools
  • Simple, clean code-base - super easy to understand and extend
  • Deploy scripts - Docker, Gunicorn/Nginx, Waitress

In a rush? Here are the links:


Django Dashboard DattaAble


Flask Dashboard DattaAble

DattaAble Admin Dashboard - Coded in Flask by AppSeed.

For more free & open-source admin dashboards generated with tools, please access AppSeed. Thank you!


How to use the code

To build the app, we need a Python3 environment up & running and (optionally) GIT command tool to download the source code from Github, by using the console.

Build Flask DattaAble

To see the Flask version running in the browser, we need to type only a few commands in the terminal.

$ # Get the code
$ git clone https://github.com/app-generator/flask-dashboard-dattaable.git
$ cd flask-dashboard-dattaable
$
$ # Virtualenv modules installation (Unix based systems)
$ 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)
$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)
$ # --port=5000    - specify the app port (default 5000)  
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the dashboard in browser: http://127.0.0.1:5000/

If all goes well, we should see the login page by visiting the app in the browser.

Flask Dashboard DattaAble - Open-Source Admin panel coded in Flask.

The SQLite database and necessary tables are created automatically at first request, so we don't need to worry about this.

The Django version - Django Dashboard DattaAble - is super easy to get started with, and all we need is a terminal and a few minutes to type a few simple commands:

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-dattaable.git
$ cd django-dashboard-dattaable
$
$ # Virtualenv modules installation (Unix based systems)
$ 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/

The app has an identical UI, and I'll drop bellow some screens:

UI Charts

DattaAble Admin Dashboard - Charts Page.

UI Buttons

DattaAble Admin Dashboard - UI Buttons Page.

Main Dashboard Page

DattaAble Admin Dashboard - Main Dashboard Page.


Funny end


Links & Resources

Datta Able Free Dashboard

Datta Able Bootstrap Lite is the most styled Bootstrap 4 Lite Admin Template, around all other Lite/Free admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code. Comes with error/bug-free, well structured, well-commented code and regularly with all latest updated code, which saves your large amount of developing backend application time and it is fully customizable. - provided by CodedThemes.


What is Django

Django is a Python-based free and open-source web framework, which follows the model-template-view architectural pattern. It is maintained by the Django Software Foundation, an independent organization established as a 501 non-profit. Django's primary goal is to ease the creation of complex, database-driven websites.


What is Flask

Flask is a micro web framework written in Python. It is classified as a microframework because it does not require particular tools or libraries. It has no database abstraction layer, form validation, or any other components where pre-existing third-party libraries provide common functions.


What is a dashboard

A dashboard is a set of pages that are easy to read and offer information to the user in real time regarding his business. A dashboard usually consists of graphical representations of the current status and trends within an organization. Having a well-designed dashboard will give you the possibility to act and make informed decisions based on the data that your business provides - definition provided by Creative-Tim - Free Dashboard Templates.


Thank You!

Posted on by:

sm0ke profile

Sm0ke

@sm0ke

#Automation, my favorite programming language

Discussion

markdown guide