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

๐Ÿš€๐Ÿš€