|
1 | | -# [Django Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/django/) |
2 | 1 |
|
3 | | -Open-source **[Django Dashboard](https://appseed.us/admin-dashboards/django/)** crafted on top of **Soft UI Dashboard**, an open-source `Bootstrap 5` design from `Creative-Tim`. |
4 | | -Designed for those who like bold elements and beautiful websites. Made of hundreds of elements, designed blocks and fully coded pages, `Soft UI Dashboard` is ready to help you create stunning websites and web apps. |
| 2 | +# [Django Soft Dashboard](https://app-generator.dev/product/soft-ui-dashboard/django/) |
5 | 3 |
|
6 | | -- 👉 [Django Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/django/) - `Product page` |
7 | | -- 👉 [Django Soft Dashboard](https://django-soft-dash.onrender.com) - `LIVE Demo` |
| 4 | +Open-source **Django** project crafted on top of **Soft UI Dashboard**, an open-source iconic `Bootstrap` 4 design from Creative-Tim. |
| 5 | +The product is designed to deliver the best possible user experience with highly customizable feature-rich pages. |
8 | 6 |
|
| 7 | +- 👉 [Django Material Dashboard](https://app-generator.dev/product/soft-ui-dashboard/django/) - `Product Page` |
| 8 | +- 👉 [Django Material Dashboard](https://django-soft-dash.onrender.com/) - `LIVE Demo` |
| 9 | +- 👉 [Django Material Dashboard Documentation](https://app-generator.dev/docs/products/django/soft-ui-dashboard/index.html) - `Complete Information` and Support Links |
| 10 | + - [Getting Started with Django](https://app-generator.dev/docs/technologies/django/index.html) - a `comprehensive tutorial` |
| 11 | + - `Configuration`: Install Tailwind/Flowbite, Prepare Environment, Setting up the Database |
| 12 | + - `Start with Docker` |
| 13 | + - `Manual Build` |
| 14 | + - `Start the project` |
| 15 | + - `Deploy on Render` |
| 16 | + |
9 | 17 | <br /> |
10 | 18 |
|
11 | 19 | ## Features |
12 | 20 |
|
13 | | -> `Have questions?` Contact **[Support](https://appseed.us/support/)** (Email & Discord) provided by **AppSeed** |
| 21 | +- **Django 4.1.12** |
| 22 | +- Best Practices |
| 23 | +- [Soft UI Dashboard Dashboard](https://app-generator.dev/docs/templates/bootstrap/soft-ui-dashboard.html) - Full Integration |
| 24 | +- `CI/CD` Flow via Render |
| 25 | +- `Docker` |
14 | 26 |
|
15 | | -| Free Version | [PRO Version](https://appseed.us/product/soft-ui-dashboard-pro/django/) | [Custom Development](https://appseed.us/custom-development/) | |
16 | | -| --------------------------------------| --------------------------------------| --------------------------------------| |
17 | | -| ✓ **Django 4.2.9** | **Everything in Free**, plus: | **Everything in PRO**, plus: | |
18 | | -| ✓ Best Practices | ✅ **Premium Bootstrap 5 Design** | ✅ **1 Week** `Custom Development` | |
19 | | -| ✓ Bootstrap 5, `Material` Design | ✅ `OAuth` GitHub | ✅ **Team**: PM, Developer, Tester | |
20 | | -| ✓ `CI/CD` Flow via Render | ✅ `API`, **[Charts](https://django-soft-dash-pro.onrender.com/charts/)** | ✅ Weekly Sprints | |
21 | | -| ✓ `Docker` | ✅ **[DataTables](https://django-soft-dash-pro.onrender.com/tables/)** (Filters, Export) | ✅ Technical SPECS | |
22 | | -| ✓ `Free Support` (GitHub Issues) |✅ **Celery** | ✅ Documentation | |
23 | | -| - | ✅ **Media Files Manager** | ✅ **30 days Delivery Warranty** | |
24 | | -| - | ✅ **Extended User Profiles** | ✅ [CI/CD for AWS, DO](https://appseed.us/terms/#section-ci-cd) **(Extra)** | |
25 | | -| - | ✅ `Private REPO Access` | - | |
26 | | -| - | ✅ **[Premium Support](https://appseed.us/support/)** | - | |
27 | | -| ------------------------------------ | ------------------------------------ | ------------------------------------| |
28 | | -| ✓ [LIVE Demo](https://django-soft-dash.onrender.com) | 🚀 [LIVE Demo](https://django-soft-dash-pro.onrender.com/) | **[Get in Touch ➡️](https://appseed.us/custom-development/)** | |
29 | | - |
30 | | - |
31 | | - |
32 | | - |
33 | | -<br /> |
34 | | - |
35 | | -## Manual Build |
36 | | - |
37 | | -> 👉 Download the code |
38 | | -
|
39 | | -```bash |
40 | | -$ git clone https://github.com/app-generator/django-soft-ui-dashboard.git |
41 | | -$ cd django-soft-ui-dashboard |
42 | | -``` |
43 | | - |
44 | | -<br /> |
45 | | - |
46 | | -> 👉 Install modules via `VENV` |
47 | | -
|
48 | | -```bash |
49 | | -$ virtualenv env |
50 | | -$ source env/bin/activate |
51 | | -$ pip install -r requirements.txt |
52 | | -``` |
53 | | - |
54 | | -<br /> |
55 | | - |
56 | | -> 👉 Set Up Database |
57 | | -
|
58 | | -```bash |
59 | | -$ python manage.py makemigrations |
60 | | -$ python manage.py migrate |
61 | | -``` |
62 | | - |
63 | | -<br /> |
64 | | - |
65 | | -> 👉 Create the Superuser |
66 | | -
|
67 | | -```bash |
68 | | -$ python manage.py createsuperuser |
69 | | -``` |
70 | | - |
71 | | -<br /> |
72 | | - |
73 | | -> 👉 Start the app |
74 | | -
|
75 | | -```bash |
76 | | -$ python manage.py runserver |
77 | | -``` |
78 | | - |
79 | | -At this point, the app runs at `http://127.0.0.1:8000/`. |
80 | | - |
81 | | -<br /> |
82 | | - |
83 | | -## Codebase structure |
84 | | - |
85 | | -The project is coded using a simple and intuitive structure presented below: |
86 | | - |
87 | | -```bash |
88 | | -< PROJECT ROOT > |
89 | | - | |
90 | | - |-- core/ |
91 | | - | |-- settings.py # Project Configuration |
92 | | - | |-- urls.py # Project Routing |
93 | | - | |
94 | | - |-- home/ |
95 | | - | |-- views.py # APP Views |
96 | | - | |-- urls.py # APP Routing |
97 | | - | |-- models.py # APP Models |
98 | | - | |-- tests.py # Tests |
99 | | - | |
100 | | - |-- templates/ |
101 | | - | |-- includes/ # UI components |
102 | | - | |-- layouts/ # Masterpages |
103 | | - | |-- pages/ # Kit pages |
104 | | - | |
105 | | - |-- static/ |
106 | | - | |-- css/ # CSS Files |
107 | | - | |-- scss/ # SCSS Files |
108 | | - | |-- soft-ui-dashboard/_variables.scss # File Used for Theme Styling |
109 | | - | |
110 | | - |-- requirements.txt # Project Dependencies |
111 | | - | |
112 | | - |-- env.sample # ENV Configuration (default values) |
113 | | - |-- manage.py # Start the app - Django default start script |
114 | | - | |
115 | | - |-- ************************************************************************ |
116 | | -``` |
117 | | - |
118 | | -<br /> |
119 | | - |
120 | | -## Recompile SCSS |
121 | | - |
122 | | -The SCSS/CSS files used to style the Ui are saved in the `static` directory. |
123 | | -In order to update the Ui colors (primary, secondary) this procedure needs to be followed. |
124 | | - |
125 | | -```bash |
126 | | -$ yarn # install modules |
127 | | -$ vi static/scss/soft-ui-dashboard/_variables.scss # edit variables |
128 | | -$ gulp # SCSS to CSS translation |
129 | | -``` |
130 | | - |
131 | | -The `_variables.scss` content defines the `primary` and `secondary` colors: |
132 | | - |
133 | | -```scss |
134 | | -$primary: #cb0c9f !default; // EDIT for customization |
135 | | -$secondary: #8392AB !default; // EDIT for customization |
136 | | -$info: #17c1e8 !default; // EDIT for customization |
137 | | -$success: #82d616 !default; // EDIT for customization |
138 | | -$warning: #fbcf33 !default; // EDIT for customization |
139 | | -$danger: #ea0606 !default; // EDIT for customization |
140 | | -``` |
| 27 | + |
141 | 28 |
|
142 | 29 | <br /> |
143 | 30 |
|
144 | | -## Deploy on [Render](https://render.com/) |
| 31 | +## [Soft Dashboard PRO Version](https://app-generator.dev/product/soft-ui-dashboard-pro/django/) |
145 | 32 |
|
146 | | -- Create a Blueprint instance |
147 | | - - Go to https://dashboard.render.com/blueprints this link. |
148 | | -- Click `New Blueprint Instance` button. |
149 | | -- Connect your `repo` which you want to deploy. |
150 | | -- Fill the `Service Group Name` and click on `Update Existing Resources` button. |
151 | | -- After that your deployment will start automatically. |
152 | | - |
153 | | -At this point, the product should be LIVE. |
154 | | - |
155 | | -<br /> |
| 33 | +> The premium version provides more features, priority on support, and is more often updated - [Live Demo](https://django-soft-dash-pro.onrender.com/). |
156 | 34 |
|
157 | | -## [Django Soft Dashboard](https://appseed.us/product/soft-ui-dashboard-pro/django/) `PRO` |
158 | | - |
159 | | -This design is a pixel-perfect [Bootstrap 5](https://www.admin-dashboards.com/bootstrap-5-templates/) Dashboard with a fresh, new design concept. `Soft UI Dashboard PRO` is built with over 300 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. |
160 | | - |
161 | | -> Features: |
162 | | -
|
163 | | -- `Up-to-date Dependencies` |
164 | | -- `Design`: [Django Theme Soft PRO](https://github.com/app-generator/django-admin-soft-pro) - `PRO Version` |
165 | | -- `Sections` covered by the design: |
166 | | - - **Admin section** (reserved for superusers) |
167 | | - - **Authentication**: `Django.contrib.AUTH`, Registration |
168 | | - - **All Pages** available in for ordinary users |
169 | | -- `Docker`, `Deployment`: |
170 | | - - `CI/CD` flow via `Render` |
171 | | - |
172 | | -<br /> |
| 35 | +- **Simple, Easy-to-Extend** Codebase |
| 36 | +- **Soft UI Dashboard** Design - PRO Version |
| 37 | +- Bootstrap 5 CSS |
| 38 | +- **OAuth** - Github |
| 39 | +- **Extended User Profile** |
| 40 | +- **API** via DRF |
| 41 | +- **Charts** via ApexJS |
| 42 | +- **Celery** (async tasks) |
| 43 | +- **Deployment-Ready** for Render |
173 | 44 |
|
174 | | - |
| 45 | + |
175 | 46 |
|
176 | 47 | <br /> |
177 | 48 |
|
178 | 49 | --- |
179 | | -[Django Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/django/) - **Django** starter provided by **[AppSeed](https://appseed.us/)** |
| 50 | +[Django Soft Dashboard](https://app-generator.dev/product/soft-ui-dashboard/django/) - Open-Source **Django** Starter provided by [App Generator](https://app-generator.dev) |
0 commit comments