DEV Community

Cover image for Gradient Able - Flask Dashboard (Free Product)
Sm0ke
Sm0ke

Posted on • Originally published at blog.appseed.us

Gradient Able - Flask Dashboard (Free Product)

Hello Coders,

This article presents an open-source Flask Dashboard crafted on top of Gradient Able, a modern Bootstrap 4 dashboard template. Product is actively supported and versioned and the permissive license allows unlimited copies for hobby and commercial products.

This simple start might help beginners (and not only) to code faster a commercial product using Flask.

For newcomers, Flask is a lightweight web application framework written in Python. Sometimes classified as a microframework, Flask provides a lightweight codebase that can be easily extended to become an API, a simple web app, or a complex eCommerce platform.


Thank you! Content provided by AppSeed - App Generator.



Flask Dashboard GradientAble - Open-Source template project provided by AppSeed.


The product comes with a simple, modular codebase coded with Blueprints, database, authentication and deployment scripts for Docker, HEROKU and Gunicorn/Nginx stack.


How to use the starter

To compile and use this simple Flask Dashboard, Python3 and GIT should be properly installed and accessible in the terminal. We can easily check this by opening a terminal window and type two simple commands as shown below:

$ # Check python
$ python --version 
Python 3.8.4         <--- All good
$
$ # Check GIT
$ git --version
git version 2.28.0.windows.1 <--- All good
Enter fullscreen mode Exit fullscreen mode

Using GIT, we can download the sources directly from the public repository published on Github. If using GIT is a problem, feel free to download the ZIP archive provided by Github. Basically, is the same thing.


1# - Clone the sources (from Github)

$ # Get the code
$ git clone https://github.com/app-generator/flask-gradient-able.git
$ cd flask-gradient-able
Enter fullscreen mode Exit fullscreen mode

2# - Install modules/dependencies

$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Database
$ pip3 install -r requirements.txt
Enter fullscreen mode Exit fullscreen mode

3# - Set up the environment & start the app

$ # 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/
Enter fullscreen mode Exit fullscreen mode

Once the application is up & running in the browser, we should see the login page. To pass the login and unlock the private pages, please make a new user first - the app is not provided with default users.


Flask Dashboard GradientAble - Open-Source template project provided by AppSeed.


Flask Gradient Able - Charts

Flask Dashboard GradientAble - Open-Source template project provided by AppSeed.


Flask Gradient Able - UI Tables

Flask Dashboard GradientAble - Open-Source template project provided by AppSeed.


Gradient Able - UI Kit

Gradient Able Bootstrap 4 Free/Lite Admin Template is a complete solution for your dashboard creation. The default layout version comes with limited options like Google optimized, font integration, high speed, mature & sophisticated, and extremely well-organized code which makes free Gradient Able a fully flexible solution for any backend application project.

Also, it comes error & bug-free, well structured, well-commented code, and with all the latest updates regularly. Which saves your large amount of developing backend application time and it is fully customizable too.



Thanks for reading! For more resources, please access:

Gradient Dark (Premium Version) dashboard designed by CodedThemes and coded in Flask Framework with SQLite database, SqlAlchemy ORM and authentication.


Flask Gradient Dark PRO - A premium Flask Starter generated by AppSeed.

Top comments (2)

Collapse
 
medahaik profile image
medAhaik

Can I use this template with Angular Cli ?

Collapse
 
sm0ke profile image
Sm0ke

The version used in this Flask Dashboard is Bootstrap-based. For Angular, please access:

codedthemes.com/item/gradient-able...