Skip to content

Commit 6a621a6

Browse files
committed
UPD Docs
1 parent e016c8e commit 6a621a6

File tree

1 file changed

+97
-0
lines changed

1 file changed

+97
-0
lines changed

README.md

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,103 @@ At this point, the app runs at `http://127.0.0.1:8000/`.
7171

7272
<br />
7373

74+
## Codebase structure
75+
76+
The project is coded using a simple and intuitive structure presented below:
77+
78+
```bash
79+
< PROJECT ROOT >
80+
|
81+
|-- core/
82+
| |-- settings.py # Project Configuration
83+
| |-- urls.py # Project Routing
84+
|
85+
|-- home/
86+
| |-- views.py # APP Views
87+
| |-- urls.py # APP Routing
88+
| |-- models.py # APP Models
89+
| |-- tests.py # Tests
90+
| |-- templates/ # Theme Customisation
91+
| |-- pages #
92+
| |-- custom-index.html # Custom Footer
93+
|
94+
|-- requirements.txt # Project Dependencies
95+
|
96+
|-- env.sample # ENV Configuration (default values)
97+
|-- manage.py # Start the app - Django default start script
98+
|
99+
|-- ************************************************************************
100+
```
101+
102+
<br />
103+
104+
## How to Customize
105+
106+
When a template file is loaded, `Django` scans all template directories starting from the ones defined by the user, and returns the first match or an error in case the template is not found.
107+
The theme used to style this starter provides the following files:
108+
109+
```bash
110+
# This exists in ENV: LIB/theme_soft_design
111+
< UI_LIBRARY_ROOT >
112+
|
113+
|-- templates/ # Root Templates Folder
114+
| |
115+
| |-- accounts/
116+
| | |-- sign-in.html # Sign IN Page
117+
| | |-- sign-up.html # Sign UP Page
118+
| |
119+
| |-- includes/
120+
| | |-- footer.html # Footer component
121+
| | |-- navigation.html # Navigation Bar
122+
| | |-- scripts.html # Scripts Component
123+
| |
124+
| |-- layouts/
125+
| | |-- base.html # Masterpage
126+
| |
127+
| |-- pages/
128+
| |-- index.html # Dashboard Page
129+
| |-- author.html # Profile Page
130+
| |-- *.html # All other pages
131+
|
132+
|-- ************************************************************************
133+
```
134+
135+
When the project requires customization, we need to copy the original file that needs an update (from the virtual environment) and place it in the template folder using the same path.
136+
137+
> For instance, if we want to **customize the index.html** these are the steps:
138+
139+
-`Step 1`: create the `templates` DIRECTORY inside the `home` app
140+
-`Step 2`: configure the project to use this new template directory
141+
- `core/settings.py` TEMPLATES section
142+
-`Step 3`: copy the `index.html` from the original location (inside your ENV) and save it to the `home/templates` DIR
143+
- Source PATH: `<YOUR_ENV>/LIB/theme_soft_design/template/pages/index.html`
144+
- Destination PATH: `<PROJECT_ROOT>home/templates/pages/index.html`
145+
146+
> To speed up all these steps, the **codebase is already configured** (`Steps 1, and 2`) and a `custom index` can be found at this location:
147+
148+
`home/templates/pages/custom-index.html`
149+
150+
By default, this file is unused because the `theme` expects `index.html` (without the `custom-` prefix).
151+
152+
In order to use it, simply rename it to `index.html`. Like this, the default version shipped in the library is ignored by Django.
153+
154+
In a similar way, all other files and components can be customized easily.
155+
156+
<br />
157+
158+
## Deploy on [Render](https://render.com/)
159+
160+
- Create a Blueprint instance
161+
- Go to https://dashboard.render.com/blueprints this link.
162+
- Click `New Blueprint Instance` button.
163+
- Connect your `repo` which you want to deploy.
164+
- Fill the `Service Group Name` and click on `Update Existing Resources` button.
165+
- After that your deployment will start automatically.
166+
167+
At this point, the product should be LIVE.
168+
169+
<br />
170+
74171
## [PRO Version](https://appseed.us/product/soft-ui-design-pro/django/)
75172

76173
**Material Kit 2** is a premium design crafted by the `Creative-Tim` agency on top of Bootstrap 5 Framework. Designed for those who like bold elements and beautiful websites, Material Kit 2 is made of hundreds of elements, designed blocks, and fully coded pages built with an impressive level of quality.

0 commit comments

Comments
 (0)