Skip to content

Commit a3a62f7

Browse files
committed
Update README.md
1 parent 0b9d781 commit a3a62f7

File tree

1 file changed

+212
-1
lines changed

1 file changed

+212
-1
lines changed

README.md

Lines changed: 212 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,212 @@
1-
# flask-soft-dashboard-tailwind
1+
# Soft Dashboard Tailwind Flask
2+
3+
Open-source **Flask Dashboard** generated by `AppSeed` op top of a modern design. Designed for those who like bold elements and beautiful websites, **[Soft UI Dashboard](https://appseed.us/generator/soft-ui-dashboard/)** is ready to help you create stunning websites and webapps. **Soft UI Dashboard** is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.
4+
5+
- 👉 [Soft Dashboard Tailwind Flask](#) - `Product page` (soon)
6+
- 👉 [Soft Dashboard Tailwind Flask](#) - `LIVE Demo` (soon)
7+
8+
<br />
9+
10+
> Features
11+
12+
- CSS Framework: `Tailwind`
13+
- `Up-to-date dependencies`
14+
- Database: `sqlite`
15+
- `DB Tools`: SQLAlchemy ORM, Flask-Migrate (schema migrations)
16+
- Session-Based authentication (via **flask_login**), Forms validation
17+
18+
<br />
19+
20+
![Soft UI Dashboard - Full-Stack Starter generated by AppSeed.](https://user-images.githubusercontent.com/51070104/168843143-f2a2ffac-4ab6-44d2-bc1f-a9a8682a749b.png)
21+
22+
<br />
23+
24+
25+
## ✨ Start the app in Docker
26+
27+
> **Step 1** - Download the code from the GH repository (using `GIT`)
28+
29+
```bash
30+
$ # Get the code
31+
$ git clone https://github.com/app-generator/flask-soft-dashboard-tailwind.git
32+
$ cd flask-soft-dashboard-tailwind
33+
```
34+
35+
<br />
36+
37+
> **Step 2** - Edit `.env` and set `DEBUG=True`. This will activate the `SQLite` persistance.
38+
39+
```txt
40+
DEBUG=True
41+
```
42+
43+
<br />
44+
45+
> **Step 3** - Start the APP in `Docker`
46+
47+
```bash
48+
$ docker-compose up --build
49+
```
50+
51+
Visit `http://localhost:85` in your browser. The app should be up & running.
52+
53+
<br />
54+
55+
## ✨ How to use it
56+
57+
> Download the code
58+
59+
```bash
60+
$ # Get the code
61+
$ git clone https://github.com/app-generator/flask-soft-dashboard-tailwind.git
62+
$ cd flask-soft-dashboard-tailwind
63+
```
64+
65+
<br />
66+
67+
### 👉 Set Up for `Unix`, `MacOS`
68+
69+
> Install modules via `VENV`
70+
71+
```bash
72+
$ virtualenv env
73+
$ source env/bin/activate
74+
$ pip3 install -r requirements.txt
75+
```
76+
77+
<br />
78+
79+
> Set Up Flask Environment
80+
81+
```bash
82+
$ export FLASK_APP=run.py
83+
$ export FLASK_ENV=development
84+
```
85+
86+
<br />
87+
88+
> Start the app
89+
90+
```bash
91+
$ flask run
92+
```
93+
94+
At this point, the app runs at `http://127.0.0.1:5000/`.
95+
96+
<br />
97+
98+
### 👉 Set Up for `Windows`
99+
100+
> Install modules via `VENV` (windows)
101+
102+
```
103+
$ virtualenv env
104+
$ .\env\Scripts\activate
105+
$ pip3 install -r requirements.txt
106+
```
107+
108+
<br />
109+
110+
> Set Up Flask Environment
111+
112+
```bash
113+
$ # CMD
114+
$ set FLASK_APP=run.py
115+
$ set FLASK_ENV=development
116+
$
117+
$ # Powershell
118+
$ $env:FLASK_APP = ".\run.py"
119+
$ $env:FLASK_ENV = "development"
120+
```
121+
122+
<br />
123+
124+
> Start the app
125+
126+
```bash
127+
$ flask run
128+
```
129+
130+
At this point, the app runs at `http://127.0.0.1:5000/`.
131+
132+
<br />
133+
134+
### 👉 Create Users
135+
136+
By default, the app redirects guest users to authenticate. In order to access the private pages, follow this set up:
137+
138+
- Start the app via `flask run`
139+
- Access the `registration` page and create a new user:
140+
- `http://127.0.0.1:5000/register`
141+
- Access the `sign in` page and authenticate
142+
- `http://127.0.0.1:5000/login`
143+
144+
<br />
145+
146+
## ✨ Code-base structure
147+
148+
The project is coded using blueprints, app factory pattern, dual configuration profile (development and production) and an intuitive structure presented bellow:
149+
150+
```bash
151+
< PROJECT ROOT >
152+
|
153+
|-- apps/
154+
| |
155+
| |-- home/ # A simple app that serve HTML files
156+
| | |-- routes.py # Define app routes
157+
| |
158+
| |-- authentication/ # Handles auth routes (login and register)
159+
| | |-- routes.py # Define authentication routes
160+
| | |-- models.py # Defines models
161+
| | |-- forms.py # Define auth forms (login and register)
162+
| |
163+
| |-- static/
164+
| | |-- <css, JS, images> # CSS files, Javascripts files
165+
| |
166+
| |-- templates/ # Templates used to render pages
167+
| | |-- includes/ # HTML chunks and components
168+
| | | |-- navigation.html # Top menu component
169+
| | | |-- sidebar.html # Sidebar component
170+
| | | |-- footer.html # App Footer
171+
| | | |-- scripts.html # Scripts common to all pages
172+
| | |
173+
| | |-- layouts/ # Master pages
174+
| | | |-- base-fullscreen.html # Used by Authentication pages
175+
| | | |-- base.html # Used by common pages
176+
| | |
177+
| | |-- accounts/ # Authentication pages
178+
| | | |-- login.html # Login page
179+
| | | |-- register.html # Register page
180+
| | |
181+
| | |-- home/ # UI Kit Pages
182+
| | |-- index.html # Index page
183+
| | |-- 404-page.html # 404 page
184+
| | |-- *.html # All other pages
185+
| |
186+
| config.py # Set up the app
187+
| __init__.py # Initialize the app
188+
|
189+
|-- requirements.txt # App Dependencies
190+
|
191+
|-- .env # Inject Configuration via Environment
192+
|-- run.py # Start the app - WSGI gateway
193+
|
194+
|-- ************************************************************************
195+
```
196+
197+
<br />
198+
199+
## ✨ Customize CSS
200+
201+
- Edit the `apps/static/assets/scss/styles.css`
202+
- Regenerate the CSS
203+
204+
```bash
205+
$ npm i
206+
$ npm run build
207+
```
208+
209+
<br />
210+
211+
---
212+
[Soft UI Dashboard](https://appseed.us/generator/soft-ui-dashboard/) Flask - Open-source starter generated by **[AppSeed Generator](https://appseed.us/generator/)**.

0 commit comments

Comments
 (0)