An open API service indexing awesome lists of open source software.

https://github.com/app-generator/jinja-berry-dashboard

Flask/Jinja Berry - Open-Source Bootstrap 5 | AppSeed
https://github.com/app-generator/jinja-berry-dashboard

appseed berry bootstrap5 flask-template

Last synced: about 2 months ago
JSON representation

Flask/Jinja Berry - Open-Source Bootstrap 5 | AppSeed

Awesome Lists containing this project

README

          

# [Flask/Jinja Berry](https://github.com/app-generator/jinja-berry-dashboard)

Open-source **Flask/Jinja** project crafted on top of **Berry Dashboard**, an open-source `Boostrap 5` design from [CodedThemes](https://codedthemes.com/?ref=appseed)
The product is designed to deliver the best possible user experience with highly customizable feature-rich pages. `Berry` has easy and intuitive responsive design whether it is viewed on retina screens or laptops.


> Features

- ✅`Up-to-date dependencies`
- ✅ Render Engine: Flask / [Jinja2](https://jinja.palletsprojects.com/)
- ✅ **UI Kit**: [Berry BS5](https://github.com/app-generator/cth-berry-bootstrap5) `v1.0.1` by CodedThemes
- `Persistent` **Dark-Mode**


![Berry Bootstrap 5 - Dark-Mode ready, Open-source Template.](https://user-images.githubusercontent.com/51070104/207091062-e805b36c-663a-4a01-acb8-9c55ab914f4f.jpg)


## ✨ Start the app in Docker

> **Step 1** - Download the code from the GH repository (using `GIT`)

```bash
$ # Get the code
$ git clone https://github.com/app-generator/jinja-berry-dashboard.git
$ cd jinja-berry-dashboard
```


> **Step 2** - Edit `.env` and set `DEBUG=True`. This will activate the `SQLite` persistance.

```txt
DEBUG=True
```


> **Step 3** - Start the APP in `Docker`

```bash
$ docker-compose up --build
```

Visit `http://localhost:5085` in your browser. The app should be up & running.


## ✨ How to use it

> Download the code

```bash
$ # Get the code
$ git clone https://github.com/app-generator/jinja-berry-dashboard.git
$ cd jinja-berry-dashboard
```


### 👉 Set Up for `Unix`, `MacOS`

> Install modules via `VENV`

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


> Set Up Flask Environment

```bash
$ export FLASK_APP=run.py
$ export FLASK_ENV=development
```


> Start the app

```bash
$ flask run
```

At this point, the app runs at `http://127.0.0.1:5000/`.


### 👉 Set Up for `Windows`

> Install modules via `VENV` (windows)

```
$ virtualenv env
$ .\env\Scripts\activate
$ pip3 install -r requirements.txt
```


> Set Up Flask Environment

```bash
$ # CMD
$ set FLASK_APP=run.py
$ set FLASK_ENV=development
$
$ # Powershell
$ $env:FLASK_APP = ".\run.py"
$ $env:FLASK_ENV = "development"
```


> Start the app

```bash
$ flask run
```

At this point, the app runs at `http://127.0.0.1:5000/`.


## ✨ Code-base structure

The project has a simple, intuitive structure presented bellow:

```bash
< PROJECT ROOT >
|
|-- apps/__init__.py
|-- apps/
| |-- static/
| | |-- # CSS files, Javascripts files
| |
| |-- templates/
| |
| |-- includes/ # Page chunks, components
| | |
| | |-- navigation.html # Top bar
| | |-- scripts.html # JS scripts common to all pages
| | |-- footer.html # The common footer
| |
| |-- layouts/ # App Layouts (the master pages)
| | |
| | |-- base.html # Used by common pages like index, UI
| |
| |-- home/ # UI Kit Pages
| |-- index.html # default page
| |-- page-404.html # 404 error page
| |-- *.html # Used by common pages like index, UI
|
|-- requirements.txt
|
|-- run.py
|
|-- ************************************************************************
```


## Screenshots

![Berry Bootstrap 5 - Sign IN, Open-source Starter by AppSeed.](https://user-images.githubusercontent.com/51070104/207091198-2753246e-3d65-4aac-96de-0598a9a94788.jpg)


> [Flask/Jinja Berry](https://github.com/app-generator/jinja-berry-dashboard) - `Icons` Page

![Berry Bootstrap 5 - UI Icons page, Open-source Starter by AppSeed](https://user-images.githubusercontent.com/51070104/207091655-d5005e08-7ea0-4367-ab3a-2cd16934d2fd.jpg)


> [Flask/Jinja Berry](https://github.com/app-generator/jinja-berry-dashboard) - `Colors` page

![Berry Bootstrap 5 - Colors page, Open-source Starter by AppSeed](https://user-images.githubusercontent.com/51070104/207091441-942be542-2794-4bdb-a51d-85c75b5bc692.jpg)


---
[Flask/Jinja Berry](https://github.com/app-generator/jinja-berry-dashboard) - Minimal **Flask** starter provided by **[AppSeed](https://appseed.us/)**