Flask Dashboard - Argon Design

Flask Dashboard - Argon Design

Hello,

This article presents a new freebie generated by the AppSeed platform on top of Argon Dashboard design in Flask, a well-known Python web framework. The product comes with basic modules, database and deployment scrips for Docker, HEROKU and Gunicorn/Nginx stack.  For support, users might use Github (issues tracker) or join the Discord Support server - 24/7 LIVE service.

Flask Dashboard Argon - Links (for fast-runners)

Full List of app features:
  • UI Kit: A modern, actively supported design converted to Jinja2
  • SQLite, PostgreSQL, SQLAlchemy ORM
  • Alembic (DB schema migrations)
  • Modular design with Blueprints
  • Session-Based Authentication (Flask-Login), Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx, Heroku
Flask Dashboard Argon - Free Admin Dashboard.

What is Flask

Flask is a lightweight WSGI web application framework. It is designed to make getting started quick and easy, with the ability to scale up to complex applications. It began as a simple wrapper around Werkzeug and Jinja and has become one of the most popular Python web application frameworks.

By using a framework we can reuse modules and features already coded and tested by other developers. Using Flask we can skip over coding from scratch a few modules, common to many web apps:

  • Authentication - we need to know who is using our app  
  • ORM - to manipulate the database information with ease
  • Deployment - Flask is well documented when we need to deploy our work in production.
  • Community - using a Framework we can get help from other fellow developers that might face same issues

To read more about Flask, please access below links or chat with us on Discord in case of any issues:


Flask Dashboard Argon - Environment

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.

For more information on how to set up your environment please access the resources listed below. In case we've missed something, contact us on Discord.


Compile from sources

To compile this simple starter, all we need is to open a terminal and type a few commands, listed in the README file:

$ # Get the code
$ git clone https://github.com/app-generator/flask-boilerplate-dashboard-argon.git
$ cd flask-boilerplate-dashboard-argon
$
$ # 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, Flask Dashboard Argon should be accessible in the browser:

Flask Dashboard Argon - Login Page.

By default, the starter redirects guests users to authenticate. After we register a new user and pass the login, the app unlocks some nice pages crafted by Creative-Tim:

Flask Dashboard Argon  - Icons page
Flask Dashboard Argon - Icons Page.

Flask Dashboard Argon - Data Tables page
Flask Dashboard Argon - UI Tables Page.

Thanks for reading! For more starters or support feel free to access the AppSeed platform.

Where to go from here? Go PRO with a PREMIUM starter - Flask Argon PRO

Argon Dashboard PRO is built with over 200 individual components, giving you the freedom of choosing and combining. 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. This Dashboard is coming with pre-built examples, so the development process is seamless, switching from our pages to the real website is very easy to be done. Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.

If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.

Argon Dashboard PRO - UI Cards
Flask Dashboard Argon PRO - UI Cards Page.

Argon Dashboard PRO - Data Tables and Widgets
Flask Dashboard Argon PRO - Widgets Page.

Show Comments