app-generator / django-soft-ui-dashboard

Soft UI Dashboard - Open-source Django Dashboard | AppSeed

Django Soft Dashboard

Open-source Django Dashboard crafted on top of Soft UI Dashboard, 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, Soft UI Dashboard is ready to help you create stunning websites and web apps.

• 👉 Django Soft Dashboard - Product page
• 👉 Django Soft Dashboard - LIVE Demo

Features

Have questions? Contact Support (Email & Discord) provided by AppSeed

Free Version	PRO Version	Custom Development
✓ Django 4.2.9	Everything in Free, plus:	Everything in PRO, plus:
✓ Best Practices	✅ Premium Bootstrap 5 Design	✅ 1mo Custom Development
✓ Bootstrap 5, Material Design	✅ OAuth Google, GitHub	✅ Team: PM, Developer, Tester
✓ CI/CD Flow via Render	✅ API, Charts	✅ Weekly Sprints
✓ Docker	✅ DataTables (Filters, Export)	✅ Technical SPECS
-	✅ Celery	✅ Documentation
-	✅ Media Files Manager	✅ 30 days Delivery Warranty
-	✅ Extended User Profiles	-
-	✅ Private REPO Access	-
-	✅ PRO Support - Email & Discord	-
-	✅ AWS, DO, Azure Deploy Assistance	-
------------------------------------	------------------------------------	------------------------------------
✓ LIVE Demo	🚀 LIVE Demo	🛒 Order: $4,999 (GUMROAD)

Manual Build

👉 Download the code

$ git clone https://github.com/app-generator/django-soft-ui-dashboard.git
$ cd django-soft-ui-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/.

Codebase structure

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 
   |         |-- soft-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
   |
   |-- ************************************************************************

Recompile SCSS

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/soft-ui-dashboard/_variables.scss # edit variables 
$ gulp                                             # SCSS to CSS translation

The _variables.scss content defines the primary and secondary colors:

$primary:       #cb0c9f !default;   // EDIT for customization 
$secondary:     #8392AB !default;   // EDIT for customization 
$info:          #17c1e8 !default;   // EDIT for customization 
$success:       #82d616 !default;   // EDIT for customization 
$warning:       #fbcf33 !default;   // EDIT for customization 
$danger:        #ea0606 !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 on Update Existing Resources button.
• After that your deployment will start automatically.

At this point, the product should be LIVE.

Django Soft Dashboard PRO

This design is a pixel-perfect Bootstrap 5 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.

Features:

• Up-to-date Dependencies
• Design: Django Theme Soft PRO - PRO Version
• Sections covered by the design:
  • Admin section (reserved for superusers)
  • Authentication: Django.contrib.AUTH, Registration
  • All Pages available in for ordinary users
• Docker, Deployment:
  • CI/CD flow via Render

---

Django Soft Dashboard - Django starter provided by AppSeed

django-soft-ui-dashboard's Issues

Profile menu items

This is an issue within the pro version: the highlighted chosen menu items between App, Messages, Settings is misplaced in the Profile pages when you are in mobile mode. Please let me know what's the fix or when there'll be one - thanks.

Keep using Default UI on admin

Hello,

is it possible keep using the default UI on admin, after installing this?

Thanks

Stripe Module - Feature Documentation

Hello @Mortrest

Please document the Stripe module in the following file:

https://github.com/app-generator/django-soft-ui-dashboard/blob/master/docs/ecommerce.md

Ty!

dark mode sidebar and admin filter are hard to see

Form checkboxes are white on a white background...

Hi all,

I am using the SoftUI dashboard template, to render some tables (with django-tables2), where the first column is a list of checkboxes, to select the rows. The checkboxes are not visible, as unselected are white on white background.

If I check one, it renders as a black rectangle with rounded corners.

How to disable aside sidebar in large screen size

Hello! Wonderful job for the dashboard! But is it possible to make the sidebar menu behavior in large screens similar to mobile? So it s primarily hidden. And just to click on the menu icon to show it? As it s now working on mobile. Thank you.

ENH - Django mini eCommerce with Stripe Integration

The codebase should be enhanced with a minimal eCommerce module that manages products and sales.

Here are the requirements:

• Products table: id (PK), name, info, full description, price, currency, payment
• Sales table: id (PK), productId, value, fees, quantity, timestamp, client, note

The payments are managed by Stripe based on the product payment type:

• payment = 0 (default value), the payment is one-time
• payment = 1, the payment is recurrent (monthly frequency)

The Stripe Secrets are provided in the ".env" and managed by the project configuration.

What the developer should deliver:

Feature 1 - Use the existing UI and code pages:

• product creation/update page (factorized using a single page)
• product index page, where all products are listed

Feature 2 - Sales

• values are inserted by Stripe post-sale callback (finished or canceled sales)
• page where the sales are listed using a data table
• the data tables layout provides an edit (modal popup) / search (product name)

Ty!

Where should I add the css js code?

Hello, I am a student attending a university in Korea. I'm working on a personal project to make Iot dasboard using your dashboard. I just started studying coding, so I'd really appreciate it if you could answer some questions. I want to add various styles to the dashboard using codepen, but I don't know what to refer to. Can you tell me in detail even if you are busy? Thank you for reading it. I look forward to hearing from you.

Does this dashboard work with deepnote?

I am trying to build/recreate the following dashboard that was listed at this link:
https://github.com/app-generator/django-soft-ui-dashboard

Within Deepnote, however, it seems that I am having a few problems.

And I haven't been able to deal with them properly.

Header overlapping sidebar

Hello,

I came across a bug in the pro version of soft-ui-dashboard where in mobile mode, the header overlaps the sidebar. This is due to the header being fixed, but still, I'll always want the header to be fixed so the problem will always exist. Please let me know what's the fix or when there'll be one - thanks.