-
Notifications
You must be signed in to change notification settings - Fork 431
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
App Generator
committed
Oct 28, 2021
1 parent
bf45148
commit c9c3f23
Showing
3 changed files
with
316 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
# Change Log | ||
|
||
## [1.0.0] 2021-10-28 | ||
### Initial Release | ||
|
||
- UI Kit: Soft UI Dashboard v1.0.1 | ||
- Django Codebase Version [v2.0.4](https://github.com/app-generator/boilerplate-code-django-dashboard/releases) | ||
- Dependencies update (all packages) | ||
- Use Django==3.2.6 (latest stable version) | ||
- Better Code formatting | ||
- Improved Files organization | ||
- Optimize imports | ||
- Docker Scripts Update | ||
- Tooling: added scripts to recompile the SCSS files (via Gulp) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1,282 @@ | ||
# soft-ui-dashboard-django-7-57 | ||
# [Soft UI Dashboard Django](https://www.creative-tim.com/product/soft-ui-dashboard-django) [](https://twitter.com/home?status=Material%20Dashboard,%20a%20free%20Material%20Bootstrap%204%20Admin%20Template%20%E2%9D%A4%EF%B8%8F%20https%3A//bit.ly/2Lyat1Y%20%23bootstrap%20%23material%20%23design%20%23developers%20%23freebie%20%20via%20%40CreativeTim) | ||
|
||
 [](https://github.com/creativetimofficial/soft-ui-dashboard-django/issues?q=is%3Aopen+is%3Aissue) [](https://github.com/creativetimofficial/soft-ui-dashboard-django/issues?q=is%3Aissue+is%3Aclosed) [](https://gitter.im/creative-tim-general/Lobby) [](https://discord.gg/E4aHAQy) | ||
|
||
Open-source **[Django Template](https://www.creative-tim.com/templates/django)** crafted on top of **Soft UI Dashboard**, a modern Bootstrap 5 design. Start your development with a modern Bootstrap 5 Admin template for Django. Soft UI Dashboard is built with over 70 individual components, giving you the freedom of choosing and combining. If you want to code faster, with a smooth workflow, then you should try this template carefully developed with Django, a well-known Python Framework. **Django codebase** is crafted using a simple, modular structure that follows the best practices and provides authentication, database configuration, and deployment scripts for Docker and Gunicorn/Nginx stack. | ||
|
||
- Up-to-date [dependencies](./requirements.txt): **Django 3.2.6 LTS** | ||
- [SCSS compilation](#recompile-css) via **Gulp** | ||
- UI Kit: **Soft UI Dashboard** (Free Version) | ||
- Django Codebase - provided by **[AppSeed](https://appseed.us/)** | ||
- UI-Ready app, SQLite Database, Django Native ORM | ||
- Modular design, clean code-base | ||
- Session-Based Authentication, Forms validation | ||
- Deployment scripts: Docker, Gunicorn / Nginx | ||
|
||
<br /> | ||
|
||
 | ||
|
||
<br /> | ||
|
||
## Table of Contents | ||
|
||
* [Demo](#demo) | ||
* [Quick Start](#quick-start) | ||
* [Documentation](#documentation) | ||
* [File Structure](#file-structure) | ||
* [Browser Support](#browser-support) | ||
* [Resources](#resources) | ||
* [Reporting Issues](#reporting-issues) | ||
* [Technical Support or Questions](#technical-support-or-questions) | ||
* [Licensing](#licensing) | ||
* [Useful Links](#useful-links) | ||
|
||
<br /> | ||
|
||
## Demo | ||
|
||
> To authenticate use the default credentials ***test / ApS12_ZZs8*** or create a new user on the **registration page**. | ||
- **Soft UI Dashboard Django** [Login Page](https://www.creative-tim.com/live/soft-ui-dashboard-django) | ||
|
||
<br /> | ||
|
||
## Quick start | ||
|
||
> UNZIP the sources or clone the repository. After getting the code, open a terminal and navigate to the working directory, with product source code. | ||
```bash | ||
$ # Get the code | ||
$ git clone https://github.com/creativetimofficial/soft-ui-dashboard-django.git | ||
$ cd soft-ui-dashboard-django | ||
$ | ||
$ # Virtualenv modules installation (Unix based systems) | ||
$ virtualenv env | ||
$ source env/bin/activate | ||
$ | ||
$ # Virtualenv modules installation (Windows based systems) | ||
$ # virtualenv env | ||
$ # .\env\Scripts\activate | ||
$ | ||
$ # Install modules - SQLite Storage | ||
$ pip3 install -r requirements.txt | ||
$ | ||
$ # Create tables | ||
$ python manage.py makemigrations | ||
$ python manage.py migrate | ||
$ | ||
$ # Start the application (development mode) | ||
$ python manage.py runserver # default port 8000 | ||
$ | ||
$ # Start the app - custom port | ||
$ # python manage.py runserver 0.0.0.0:<your_port> | ||
$ | ||
$ # Access the web app in browser: http://127.0.0.1:8000/ | ||
``` | ||
|
||
> Note: To use the app, please access the registration page and create a new user. After authentication, the app will unlock the private pages. | ||
<br /> | ||
|
||
## Documentation | ||
The documentation for the **Soft UI Dashboard Django** is hosted at our [website](https://demos.creative-tim.com/soft-ui-dashboard-django/docs/getting-started/getting-started-django.html). | ||
|
||
<br /> | ||
|
||
## Code-base structure | ||
|
||
The project is coded using a simple and intuitive structure presented bellow: | ||
|
||
```bash | ||
< PROJECT ROOT > | ||
| | ||
|-- core/ # Implements app configuration | ||
| |-- settings.py # Defines Global Settings | ||
| |-- wsgi.py # Start the app in production | ||
| |-- urls.py # Define URLs served by all apps/nodes | ||
| | ||
|-- apps/ | ||
| | | ||
| |-- home/ # A simple app that serve HTML files | ||
| | |-- views.py # Serve HTML pages for authenticated users | ||
| | |-- urls.py # Define some super simple routes | ||
| | | ||
| |-- authentication/ # Handles auth routes (login and register) | ||
| | |-- urls.py # Define authentication routes | ||
| | |-- views.py # Handles login and registration | ||
| | |-- forms.py # Define auth forms (login and register) | ||
| | | ||
| |-- static/ | ||
| | |-- <css, JS, images> # CSS files, Javascripts files | ||
| | | ||
| |-- templates/ # Templates used to render pages | ||
| |-- includes/ # HTML chunks and components | ||
| | |-- navigation.html # Top menu component | ||
| | |-- sidebar.html # Sidebar component | ||
| | |-- footer.html # App Footer | ||
| | |-- scripts.html # Scripts common to all pages | ||
| | | ||
| |-- layouts/ # Master pages | ||
| | |-- base-fullscreen.html # Used by Authentication pages | ||
| | |-- base.html # Used by common pages | ||
| | | ||
| |-- accounts/ # Authentication pages | ||
| | |-- login.html # Login page | ||
| | |-- register.html # Register page | ||
| | | ||
| |-- home/ # UI Kit Pages | ||
| |-- index.html # Index page | ||
| |-- 404-page.html # 404 page | ||
| |-- *.html # All other pages | ||
| | ||
|-- requirements.txt # Development modules - SQLite storage | ||
| | ||
|-- .env # Inject Configuration via Environment | ||
|-- manage.py # Start the app - Django default start script | ||
| | ||
|-- ************************************************************************ | ||
``` | ||
|
||
<br /> | ||
|
||
> The bootstrap flow | ||
- Django bootstrapper `manage.py` uses `core/settings.py` as the main configuration file | ||
- `core/settings.py` loads the app magic from `.env` file | ||
- Redirect the guest users to Login page | ||
- Unlock the pages served by *app* node for authenticated users | ||
|
||
<br /> | ||
|
||
## Recompile CSS | ||
|
||
To recompile SCSS files, follow this setup: | ||
|
||
<br /> | ||
|
||
**Step #1** - Install tools | ||
|
||
- [NodeJS](https://nodejs.org/en/) 12.x or higher | ||
- [Gulp](https://gulpjs.com/) - globally | ||
- `npm install -g gulp-cli` | ||
- [Yarn](https://yarnpkg.com/) (optional) | ||
|
||
<br /> | ||
|
||
**Step #2** - Change the working directory to `assets` folder | ||
|
||
```bash | ||
$ cd apps/static/assets | ||
``` | ||
|
||
<br /> | ||
|
||
**Step #3** - Install modules (this will create a classic `node_modules` directory) | ||
|
||
```bash | ||
$ npm install | ||
// OR | ||
$ yarn | ||
``` | ||
|
||
<br /> | ||
|
||
**Step #4** - Edit & Recompile SCSS files | ||
|
||
```bash | ||
$ gulp scss | ||
``` | ||
|
||
The generated file is saved in `static/assets/css` directory. | ||
|
||
<br /> | ||
|
||
## Deployment | ||
|
||
The app is provided with a basic configuration to be executed in [Docker](https://www.docker.com/), [Gunicorn](https://gunicorn.org/), and [Waitress](https://docs.pylonsproject.org/projects/waitress/en/stable/). | ||
|
||
### [Docker](https://www.docker.com/) execution | ||
--- | ||
|
||
The application can be easily executed in a docker container. The steps: | ||
|
||
> Get the code | ||
```bash | ||
$ git clone https://github.com/creativetimofficial/soft-ui-dashboard-django.git | ||
$ cd soft-ui-dashboard-django | ||
``` | ||
|
||
> Start the app in Docker | ||
```bash | ||
$ sudo docker-compose pull && sudo docker-compose build && sudo docker-compose up -d | ||
``` | ||
|
||
Visit `http://localhost:85` in your browser. The app should be up & running. | ||
|
||
<br /> | ||
|
||
## Browser Support | ||
|
||
At present, we officially aim to support the last two versions of the following browsers: | ||
|
||
<img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/chrome.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/firefox.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/edge.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/safari.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/opera.png" width="64" height="64"> | ||
|
||
<br /> | ||
|
||
## Resources | ||
|
||
- Demo: <https://www.creative-tim.com/live/soft-ui-dashboard-django> | ||
- Download Page: <https://www.creative-tim.com/product/soft-ui-dashboard-django> | ||
- Documentation: <https://demos.creative-tim.com/soft-ui-dashboard-django/docs/1.0/getting-started/getting-started-django.html> | ||
- License Agreement: <https://www.creative-tim.com/license> | ||
- Support: <https://www.creative-tim.com/contact-us> | ||
- Issues: [Github Issues Page](https://github.com/creativetimofficial/soft-ui-dashboard-django/issues) | ||
|
||
<br /> | ||
|
||
## Reporting Issues | ||
|
||
We use GitHub Issues as the official bug tracker for the **Soft UI Dashboard Django**. Here are some advices for our users that want to report an issue: | ||
|
||
1. Make sure that you are using the latest version of the **Soft UI Dashboard Django**. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/). | ||
2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed. | ||
3. Some issues may be browser-specific, so specifying in what browser you encountered the issue might help. | ||
|
||
<br /> | ||
|
||
## Technical Support or Questions | ||
|
||
If you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us) instead of opening an issue. | ||
|
||
<br /> | ||
|
||
## Licensing | ||
|
||
- Copyright 2019 - present [Creative Tim](https://www.creative-tim.com/) | ||
- Licensed under [Creative Tim EULA](https://www.creative-tim.com/license) | ||
|
||
<br /> | ||
|
||
## Useful Links | ||
|
||
- [More products](https://www.creative-tim.com/bootstrap-themes) from Creative Tim | ||
- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w) | ||
- [Freebies](https://www.creative-tim.com/bootstrap-themes/free) from Creative Tim | ||
- [Affiliate Program](https://www.creative-tim.com/affiliates/new) (earn money) | ||
|
||
<br /> | ||
|
||
## Social Media | ||
|
||
- Twitter: <https://twitter.com/CreativeTim> | ||
- Facebook: <https://www.facebook.com/CreativeTim> | ||
- Dribbble: <https://dribbble.com/creativetim> | ||
- Instagram: <https://www.instagram.com/CreativeTimOfficial> | ||
|
||
<br /> | ||
|
||
--- | ||
[Soft UI Dashboard - Django Template](https://www.creative-tim.com/product/soft-ui-dashboard-django) - Provided by [Creative Tim](https://www.creative-tim.com/) and [AppSeed](https://appseed.us) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
{ | ||
"name": "soft-ui-dashboard-django", | ||
"mastertemplate": "boilerplate-code-django-dashboard", | ||
"version": "1.0.0", | ||
"description": "Template project - django Boilerplate Code", | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/app-generator/django-soft-ui-dashboard" | ||
}, | ||
"bugs": { | ||
"url": "https://github.com/app-generator/django-soft-ui-dashboard/issues", | ||
"email": "[email protected]" | ||
}, | ||
"author": "AppSeed App Generator <[email protected]> (https://appseed.us)", | ||
"engines": { | ||
"node": ">=10.0.0" | ||
}, | ||
"dependencies": {}, | ||
"devDependencies": {} | ||
} |