Soft UI Dashboard - Bootstrap 5 FREE Django Template

Sm0ke - May 31 '21 - - Dev Community

Hello Coders,

This article presents a simple Django Template that might help beginners to learn by coding new features on top of an existing codebase enhanced with authentication, deployment script and a modern Bootstrap 5 design: Soft UI Dashboard. Product can be downloaded from Github and used for hobby & commercial project without restrictions (footer link, registration lock).

Thanks for reading! - Content provided by App Generator.



Soft UI Dashboard - Open-source Django Starter.


Design Information - Designed for those who like bold elements and beautiful websites, Soft UI Dashboard is made of hundred of elements, designed blocks and fully coded pages. This Bootstrap 5 design is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combing.

Soft UI Dashboard - HTML Version

Using Soft UI Dashboard developers and designers will save a lot of time going from prototyping to full-functional code, because all elements are implemented. This Free Bootstrap 5 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.


Django Codebase

The "app" version comes with database, authentication, ORM and deployment scripts for Docker. To compile the project locally, a minimal programming kit is required with a few tools and libraries:

  • A modern editor - VSCode or Atom
  • Nodejs - used in Javascript-based products and tools
  • Python - a modern script language used for many types of projects
  • GIT - a command-line tool used to download sources from Github

Once all the tools are installed, we can start the build and follow the instructions provided in the official docs:


Step #1 - Clone the source code

$ git clone https://github.com/app-generator/django-soft-ui-dashboard.git
$ cd django-soft-ui-dashboard
Enter fullscreen mode Exit fullscreen mode

Step #2 - Install modules and dependencies

$ virtualenv env
$ source env/bin/activate
$
$ pip3 install -r requirements.txt
Enter fullscreen mode Exit fullscreen mode

Step #3 - Set up database and tables

$ python manage.py makemigrations
$ python manage.py migrate
Enter fullscreen mode Exit fullscreen mode

Step #4 - Start the app

$ python manage.py runserver
Enter fullscreen mode Exit fullscreen mode

Il all goes well we should see this simple Django starter running in the browser:

Soft UI Dashboard - Django Template.


Soft UI Dashboard - User Profile

Soft UI Dashboard - Profile Page.


Thanks for reading! For more resources and support, please access:


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player