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
- I’ve built 100+ open-source apps with automation tools
- 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:
- LIVE Demo - just click and play
- Source Code available on Github
- Product Page hosted on AppSeed marketplace
For more free & open-source admin dashboards generated with tools, please access AppSeed. Thank you!
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.
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:
Main Dashboard Page
Links & Resources
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.
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.