Open-source Django Dashboard generated by AppSeed on top of a modern design. 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. There are more than 100 free Bootstrap 5 components included some of them being buttons, alerts, modals, datepickers and so on.
- 👉 Volt Dashboard Django - Product page
- 👉 Volt Dashboard Django - LIVE Demo
- 👉 Complete documentation -
Learn how to use and update the product
🚀 Built with App Generator, Timestamp:
2022-09-18 07:49
- ✅
Up-to-date dependencies - ✅ Database:
sqlite - ✅ UI-Ready app, Django Native ORM
- ✅
AuthenticationSession BasedSocial Loginvia AllAuth for Github
- ✅ Volt Design - Theme for
adminsection
👉 Step 1 - Download the code from the GH repository (using
GIT)
$ git clone https://github.com/app-generator/django-volt-dashboard.git
$ cd django-volt-dashboard👉 Step 2 - Start the APP in
Docker
$ docker-compose up --build Visit http://localhost:5085 in your browser. The app should be up & running.
The meaning of each variable can be found below:
DEBUG: ifTruethe app runs in develoment mode- For production value
Falseshould be used
- For production value
ASSETS_ROOT: used in assets management- default value:
/static/assets
- default value:
OAuthvia GithubGITHUB_ID=<GITHUB_ID_HERE>GITHUB_SECRET=<GITHUB_SECRET_HERE>
Download the code
$ git clone https://github.com/app-generator/django-volt-dashboard.git
$ cd django-volt-dashboardInstall modules via
VENV
$ virtualenv env
$ source env/bin/activate
$ pip3 install -r requirements.txt
Set Up Database
$ python manage.py makemigrations
$ python manage.py migrate
Start the app
$ python manage.py runserver
// OR with https
$ python manage.py runsslserver At this point, the app runs at http://127.0.0.1:8000/.
Install modules via
VENV(windows)
$ virtualenv env
$ .\env\Scripts\activate
$ pip3 install -r requirements.txt
Set Up Database
$ python manage.py makemigrations
$ python manage.py migrate
Start the app
$ python manage.py runserver
// OR with https
$ python manage.py runsslserver At this point, the app runs at http://127.0.0.1:8000/.
By default, the app redirects guest users to authenticate. In order to access the private pages, follow this set up:
- Start the app via
python manage.py runserver - Access the
registrationpage and create a new user:http://127.0.0.1:8000/register/
- Access the
sign inpage and authenticatehttp://127.0.0.1:8000/login/
The project is coded using a simple and intuitive structure presented below:
< PROJECT ROOT >
|
|-- core/ # Implements app configuration
| |-- settings.py # Defines Global Settings
| |-- wsgi.py # Start the app in production
| |-- urls.py # Define URLs served by all apps/nodes
|
|-- apps/
| |
| |-- home/ # A simple app that serve HTML files
| | |-- views.py # Serve HTML pages for authenticated users
| | |-- urls.py # Define some super simple routes
| |
| |-- authentication/ # Handles auth routes (login and register)
| | |-- urls.py # Define authentication routes
| | |-- views.py # Handles login and registration
| | |-- forms.py # Define auth forms (login and register)
| |
| |-- static/
| | |-- <css, JS, images> # CSS files, Javascripts files
| |
| |-- templates/ # Templates used to render pages
| |-- includes/ # HTML chunks and components
| | |-- navigation.html # Top menu component
| | |-- sidebar.html # Sidebar component
| | |-- footer.html # App Footer
| | |-- scripts.html # Scripts common to all pages
| |
| |-- layouts/ # Master pages
| | |-- base-fullscreen.html # Used by Authentication pages
| | |-- base.html # Used by common pages
| |
| |-- accounts/ # Authentication pages
| | |-- login.html # Login page
| | |-- register.html # Register page
| |
| |-- home/ # UI Kit Pages
| |-- index.html # Index page
| |-- 404-page.html # 404 page
| |-- *.html # All other pages
|
|-- requirements.txt # Development modules - SQLite storage
|
|-- .env # Inject Configuration via Environment
|-- manage.py # Start the app - Django default start script
|
|-- ************************************************************************For more components, pages and priority on support, feel free to take a look at this amazing starter:
Volt Pro is a premium Bootstrap 5 Admin Dashboard featuring over 800 components, 20 example pages and 10 fully customized plugin written in Vanilla Javascript.
- 👉 Django Volt PRO - product page
- ✅
Enhanced UI- more pages and components - ✅
Priorityon support - ✅
OAuthvia Github & Twitter - ✅
Extended User profile - ✅
Improved Authentication - ✅
TasksModule: create, assign and edit - ✅
TransactionModule: full management
- ✅
Volt Dashboard Django - Open-source starter generated by AppSeed Generator.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent