Admin Dashboard DattaAble - Coded in two Python flavors
Tags: dashboards, flask, django, appseed
Published: 2020-05-02 17:50:35

---
title: Admin Dashboard DattaAble - Coded in two Python flavors
published: true
description: Two simple opensource starters coded in Flask and Django on top of a nice UI: DattaAble admin template 
cover_image: https://raw.githubusercontent.com/app-generator/static/master/flask-dashboard-dattaable/flask-dashboard-dattaable-screen-1.png
tags: dashboards, flask, django, appseed
---
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:

- [Web App Generator - The technology-agnostic way](https://dev.to/sm0ke/web-app-generator-the-technology-agnostic-way-36k4)
- [I’ve built 100+ open-source apps with automation tools](I’ve built 100+ open-source apps with automation tools)

---

## About the starters

Apps are built in two popular Python frameworks, [Flask](https://raw.githubusercontent.com/app-generator/static/master/flask-dashboard-dattaable/flask-dashboard-dattaable-screen.png) and [Django](https://www.djangoproject.com/) 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](https://appseed.us/admin-dashboards/django-dashboard-dattaable)

- [LIVE Demo](https://django-dashboard-dattaable.appseed.us/login/) - just click and play 
- [Source Code](https://github.com/app-generator/django-dashboard-dattaable) available on Github
- [Product Page](https://appseed.us/admin-dashboards/django-dashboard-dattaable) hosted on **[AppSeed](https://appseed.us)** marketplace 

---

### [Flask Dashboard DattaAble](https://appseed.us/admin-dashboards/flask-dashboard-dattaable)

- [LIVE Demo](https://flask-dashboard-dattaable.appseed.us/login/) - click & go
- [Source Code](https://github.com/app-generator/flask-dashboard-dattaable) MIT License (Github)
- [Product Page](https://appseed.us/admin-dashboards/flask-dashboard-dattaable) hosted on **[AppSeed](https://appseed.us)** marketplace 

![DattaAble Admin Dashboard - Coded in Flask by AppSeed.](https://raw.githubusercontent.com/app-generator/static/master/flask-dashboard-dattaable/flask-dashboard-dattaable-intro.gif)

> For more free & [open-source admin dashboards](https://appseed.us/admin-dashboards/open-source) 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](https://appseed.us/admin-dashboards/flask-dashboard-dattaable)

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

```bash
$ # 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.](https://raw.githubusercontent.com/app-generator/static/master/flask-dashboard-dattaable/flask-dashboard-dattaable-screen-login.png) 

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](https://appseed.us/admin-dashboards/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: 

```bash
$ # 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.](https://raw.githubusercontent.com/app-generator/static/master/flask-dashboard-dattaable/flask-dashboard-dattaable-screen-1.png)

> UI Buttons 

![DattaAble Admin Dashboard - UI Buttons Page.](https://raw.githubusercontent.com/app-generator/static/master/flask-dashboard-dattaable/flask-dashboard-dattaable-screen-4.png)

> Main Dashboard Page

![DattaAble Admin Dashboard - Main Dashboard Page.](https://raw.githubusercontent.com/app-generator/static/master/flask-dashboard-dattaable/flask-dashboard-dattaable-screen.png)

---

![Funny end](https://media.giphy.com/media/upg0i1m4DLe5q/giphy.gif)

---

> Links & Resources

## [Datta Able Free Dashboard](https://codedthemes.com/item/datta-able-bootstrap-lite/)

[Datta Able Bootstrap Lite](https://codedthemes.com/item/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](https://www.djangoproject.com/)

[Django](https://www.djangoproject.com/) 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](https://flask.palletsprojects.com/) 

[Flask](https://flask.palletsprojects.com/) 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](https://en.wikipedia.org/wiki/Dashboard_(business))

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!