DEV Community

Cover image for Dashboard Volt - Free Django 4 Template
Sm0ke
Sm0ke

Posted on • Originally published at blog.appseed.us

Dashboard Volt - Free Django 4 Template

Hello Coders!

This article presents an open-source seed project crafted on top of a pixel-perfect Bootstrap 5 design and Django v4 - the latest update of this iconic web framework. Django Volt Dashboard can be downloaded directly from Github and based on the permissive license, used for commercial end-products and eLearning activities. For newcomers, Django is a leading framework actively supported and versioned by programming experts.

Thanks for reading!


Volt Dashboard is a free and open-source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages, and 3 plugins with Vanilla JS. On top of this modern UI, the codebase provides authentication, basic tooling, Docker support and up-to-date dependencies compatible with Django 4.


✨ Start in Docker

Probably the easier way to compile and start the product is via the Docker set up shipped with the product.

Step #1 - Clone the sources from the public repository

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

Step #2 - Start in Docker

$ docker-compose up --build 
Enter fullscreen mode Exit fullscreen mode

Once all the commands are executed, we should be able to access the app in the browser, create new users and authenticate.


Django 4 Volt - Login page.


✨ Django 4 Updates

In December 2021 Django Version 4 has been released with various upgrades to the framework, improvements, deprecations, and also a few breaking changes. here is the short-list with all updates:

  • zoneinfo is used as the default time zone
  • RedisCache backend - provides built-in support for caching
  • scrypt password hasher improves the password hashing
  • Template-based form rendering - Forms, Formsets, and ErrorList are now rendered using the template engine to enhance customization.
  • Deprecations: support dropped for PostgreSQL v9.6 and Oracle v12.2
  • Breaking Changes: CSRF_TRUSTED_ORIGINS config parameter. Values in the CSRF_TRUSTED_ORIGINS setting must include the scheme (e.g. 'http://' or 'https://') instead of only the hostname.

For complete information, feel free to access the official Django 4 release note.


✨ Django 4 Volt - Manual Build

The product can be compiled with ease using a classic manual build as provided in the project README. In order to have a successful build, a minimal programming kit should be properly installed in the workstation: Python3, GIT, Node JS (for SCSS compilation), and a modern code editor like VsCode or Atom.


Step #1 - Clone sources

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

Step #2 - Install dependencies via a VENV (virtual environment)

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

Step #3 - Set up the database

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

Step #4 - Start the app

$ # Start the application (development mode)
$ python manage.py runserver
Enter fullscreen mode Exit fullscreen mode

Django 4 Volt - User Profile Page


Django 4 Volt - Alerts Page.

Django 4 Volt - Alerts Page


Thanks for reading! For more resources, feel free to access:

Discussion (2)

Collapse
crearesite profile image
WebsiteMarket

Simple & nice design.

Collapse
sm0ke profile image
Sm0ke Author

🚀🚀