Open-source Django Dashboard project crafted on top of Corporate UI, an open-source Bootstrap 5
design from Creative-Tim
.
Designed for those who like bold elements and beautiful websites. Made of hundreds of elements, designed blocks, and fully coded pages, Corporate Dashboard
is ready to help you create stunning websites and web apps.
- 👉 Django Corporate -
LIVE Demo
- 🛒 Django Corporate PRO -
PRO Version
- 🚀 Free Support via Email &
Discord
Features:
- ✅
Up-to-date Dependencies
- ✅ Theme: Django Admin Corporate, designed by Creative-Tim
can be used in any Django project
(new or legacy)
- ✅ Authentication:
Django.contrib.AUTH
, Registration - 🚀
Deployment
CI/CD
flow viaRender
- Django Soft - Go LIVE -
video presentation
👉 Step 1 - Download the code from the GH repository (using
GIT
)
$ git clone https://github.com/app-generator/django-corporate-dashboard.git
$ cd django-corporate-dashboard
👉 Step 2 - Start the APP in
Docker
$ chmod +x entrypoint.sh
$ docker-compose up --build
Visit http://localhost:5085
in your browser. The app should be up & running.
👉 Download the code
$ git clone https://github.com/app-generator/django-corporate-dashboard.git
$ cd django-corporate-dashboard
👉 Install modules via
VENV
$ virtualenv env
$ source env/bin/activate
$ pip install -r requirements.txt
👉 Set Up Database
$ python manage.py makemigrations
$ python manage.py migrate
👉 Create the Superuser
$ python manage.py createsuperuser
👉 Start the app
$ python manage.py runserver
At this point, the app runs at http://127.0.0.1:8000/
.
The project is coded using a simple and intuitive structure presented below:
< PROJECT ROOT >
|
|-- core/
| |-- settings.py # Project Configuration
| |-- urls.py # Project Routing
|
|-- home/
| |-- views.py # APP Views
| |-- urls.py # APP Routing
| |-- models.py # APP Models
| |-- tests.py # Tests
|
|-- templates/
| |-- includes/ # UI components
| |-- layouts/ # Masterpages
| |-- pages/ # Kit pages
|
|-- static/
| |-- css/ # CSS Files
| |-- scss/ # SCSS Files
| |-- corporate-ui-dashboard/_variables.scss # File Used for Theme Styling
|
|-- requirements.txt # Project Dependencies
|
|-- env.sample # ENV Configuration (default values)
|-- manage.py # Start the app - Django default start script
|
|-- ************************************************************************
The SCSS/CSS files used to style the Ui are saved in the static
directory.
In order to update the Ui colors (primary, secondary) this procedure needs to be followed.
$ yarn # install modules
$ vi static/scss/corporate-ui-dashboard/_variables.scss # edit variables
$ gulp # SCSS to CSS translation
The _variables.scss
content defines the primary
and secondary
colors:
$primary: #774dd3 !default; // EDIT for customization
$secondary: #64748b !default; // EDIT for customization
$info: #55a6f8 !default; // EDIT for customization
$success: #67c23a !default; // EDIT for customization
$warning: #f19937 !default; // EDIT for customization
$danger: #ea4e3d !default; // EDIT for customization
Deploy on Render
- Create a Blueprint instance
- Go to https://dashboard.render.com/blueprints this link.
- Click
New Blueprint Instance
button. - Connect your
repo
which you want to deploy. - Fill the
Service Group Name
and click onUpdate Existing Resources
button. - After that your deployment will start automatically.
At this point, the product should be LIVE.
Django Corporate - Django starter provided by AppSeed