Below are samples of dashboards usable in flask applications. You can click on the links to navigate to individual projects. Alternatively, you can open each folder in the repository to interact with them. All folders are complete projects with individual README files.
- Custom dashboard ✔
- Scrollable sidebar dashboard ✔
- Fixed sidebar dashboard ✔
- Overlay fixed sidebar dashboard ✔
- Partially collapsible sidebar dashboard ✔
-
Clone this repository
$ git clone git@github.com:GitauHarrison/sample-flask-dashboards.git
-
Open the project you would want in your favourite text editor:
$ code sample-flask-dashboards/fixed_sidebar_dashboard # I am using VS Code
[From Your Editor's Terminal]
-
Create and activate your virtual environment from your editor's terminal
$ mkvirtualenv venv # I am using virtualenvwrapper
-
Install project dependancies:
(venv)$ pip3 install -r requirements.txt
-
Copy the contents of
.env-template
to.env
file:(venv)$ cp .env-template .env
-
Update the values in
.env
(we have only theSECRET_KEY
) by pasting the output of the command below:(venv)$ python3 -c 'import secrets; print(secrets.token_hex(12))'
-
Run the application:
(venv)$ flask run
-
Check the application in your favourite browser by pasting the URL http://127.0.0.1:5000/
-
Register a user then log them in. You should be able to access the sample dashboard.
Reference: Bootstrapicious ✌.