# Jinja Dashkit v3

Jinja Dashkit PRO is a commercial product generated by AppSeed on top of Dashkit PRO v3 (legacy version) - design provided by CssNinja. The design comes with pre-built pages and reusable UI components. The codebase is a simple Flask starter without database, ORM, or other hard dependencies and might be used to integrate this design into legacy Python-based products developed in Flask, Django or Bottle.

* [Flask Dashkit PRO](https://appseed.us/admin-dashboards/flask-dashboard-dashkit-pro) (legacy version) - product page
* [Jinja Dashkit PRO](https://jinja-dashkit-v3.appseed-srv1.com/) (legacy version) - LIVE deployment
* [Dashkit PRO v3](https://appseed.gitbook.io/docs/content/bulma-css-templates/dashkit-pro-v3) - more information about this **UI Kit**

![Jinja Dashkit v3 - Styled with Bulma CSS](https://4080083720-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVW6MKCi9iujNc3SK_%2F-M_sm7Xd9nZuMfOy9YtS%2F-M_stMA0J_j_CT1UYsCO%2Fdashkit-v3-bulma-css-charts.jpg?alt=media\&token=138c1f31-813b-4ed7-98d3-8d0cee256fb7)

## How to compile the project

Being a Python-based product, **Jinja Dashkit PRO** compilation requires a [minimal programming kit](https://appseed.gitbook.io/docs/content/tutorials/minimal-programming-kit) to be installed and accessible in the terminal.

* [Python](https://www.python.org/) - a modern script language used for many types of projects
* [GIT](https://git-scm.com/) - a command-line tool used to download sources from [Github](https://github.com/)
* A modern editor ([VSCode](https://code.visualstudio.com/), [Atom](https://atom.io/)) to edit the sources - optional dependency

> **Step #1** - Download the ZIP or clone the project (PRIVATE repository)

```
$ git clone https://github.com/app-generator/priv-jinja-dashkit-v3.git
$ cd priv-jinja-dashkit-v3
```

> **Step #2** - Install dependencies using a Virtual Environment

```
$ virtualenv env
$ source env/bin/activate
$
$ # Install requirements
$ pip3 install -r requirements.txt
```

> **Step #3** - Set up the environment

```
$ export FLASK_APP=run.py
```

> **Step #4** - Start the project

```
$ flask run
```

If all goes well, we should see Jinja Dashkit PRO running in the browser.

![Jinja Dashkit v3 - Dashboard Page.](https://4080083720-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVW6MKCi9iujNc3SK_%2F-M_sm7Xd9nZuMfOy9YtS%2F-M_ssWFiEbAB1wdArG_4%2Fdashkit-v3-bulma-css.jpg?alt=media\&token=55fd7f74-775a-4a3c-877e-34ecab941490)