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 Django - LIVE demo
- ✨ Soft UI Dashboard Django - source code
- ✨ Minimal Programming Kit - a short list with tools for beginners
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
Step #2 - Install modules and dependencies
$ virtualenv env
$ source env/bin/activate
$
$ pip3 install -r requirements.txt
Step #3 - Set up database and tables
$ python manage.py makemigrations
$ python manage.py migrate
Step #4 - Start the app
$ python manage.py runserver
Il all goes well we should see this simple Django starter running in the browser:
Soft UI Dashboard - User Profile
Thanks for reading! For more resources and support, please access:
- More Django Dashboards provided with same features
- For support join AppSeed
Top comments (10)
Amazing design!
Thanks for reading! Indeed, this UI is great.
Keep posting such goodies.
A nice, colofful UI. Great product
Colors are great. Thanks for your feedback.
P.S. product is designed by @creativetim_official .
Looking good! :)
ty! ...
Great tutorial! How I wish someone could create great tutorials like this for #ASP.NET . Especially on how to use the creative-Tim templates.
noted ..
Nice work! Thanks for sharing your creativity and expertise.