AdminLTE - Django Starter

AdminLTE - Django Starter

Hello Coders,

This article presents an open-source Django Boilerplate coded with basic modules on top of AdminLTE, the iconic dashboard UI Kit, provided by ColorLib and actively supported by an impressive community of open-source enthusiasts. AdminLTE is a fully responsive administration template. Based on Bootstrap 4.4 framework and also the JS/jQuery plugin. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops. The project has 35k Github stars and 15k forks and can be downloaded directly from Github, under the MIT License.  

AdminLTE - Django version, links
AdminLTE - Django, dashboard page.

Django AdminLTE - Codebase

The codebase used in this Django starter has a simple and modular structure that provides authentication, an SQLite database, Session-based authentication and deployment scripts for Docker and Gunicorn/Nginx.

App Features
  • UI Kit: AdminLTE provided by ColorLib
  • UI-Ready app, SQLite Database, Django Native ORM
  • Modular design, clean code-base
  • Session-Based Authentication, Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx

Based on the permissive (MIT) license, the starter can be uses for unlimited hobby & commercial projects. Another important note is related to the active support provided by the AppSeed core team via Github (issues tracker) and 24/7 LIVE Support via Discord. For more information, please access the product page.

Codebase structure (simplified)
< PROJECT ROOT >
   |
   |-- core/                        # Implements app logic 
   |    |-- static/
   |    |    |-- <css, JS, images>  # CSS files, Javascripts files
   |    |-- templates/              # Templates used to render pages
   |         |
   |      index.html                # The default page
   |       *.html                   # All other HTML pages
   |
   |-- authentication/              # Handles auth routes 
   |    |
   |    |-- urls.py                 # Define authentication routes  
   |    |-- views.py                # Handles login and registration  
   |    |-- forms.py                # Define auth forms  
   |
   |-- app/                         # A simple app that serve HTML files
   |    |
   |    |-- views.py                # Serve HTML pages 
   |    |-- urls.py                 # Define some super simple routes  
   |
   |-- requirements.txt             # Development modules - SQLite storage
   |
   |-- .env                         # Inject Configuration via Environment
   |-- manage.py                    # Start the app
   |
   |-- *******************************************************************

Compile AdminLTE Django code

To start the app locally, the first step is to download the code. We can do this in two ways:

  • Download the ZIP from Github Repository: Django AdminLTE Sources
  • Using GIT tool in the terminal to clone the source code

After this step is complete, we need to type a few commands in the terminal. Make sure you are inside the source code directory.

$ # Get the code
$ git clone https://github.com/app-generator/django-dashboard-adminlte.git
$ cd django-dashboard-adminlte
$
$ # Virtualenv set up
$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
$
$ # Create tables
$ python manage.py makemigrations
$ python manage.py migrate
$
$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
$
$ # Start the app - custom port
$ # python manage.py runserver 0.0.0.0:<your_port>
$
$ # Access the web app in browser: http://127.0.0.1:8000/

If all goes well, we should see the app running in the browser. Please make a new user using the registration page before passing the login.

AdminLTE - Django, the login page.
AdminLTE - Django, the calendar page
AdminLTE - Django version the calendar page.
AdminLTE - Django, UI Charts
AdminLTE - Django version the calendar page.
Thanks for reading! For more starters, please access the AppSeed platform.

Want more? See Django Material PRO

Django Material PRO is a premium Django starter coded on top of Material Dashboard Pro UI Kit crafted by Creative-Tim.

UI Vendor Notes (Creative-Tim) - Material Dashboard PRO is a Premium Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. It is based on the popular Bootstrap 4 framework and comes packed with multiple third-party plugins. All components are built to fit perfectly with each other, while aligning to the material concepts.  

Material Dashboard PRO makes use of light, surface and movement. The general layout resembles sheets of paper following multiple layers, so that the depth and order is obvious. Inside the archive you will find multiple example pages on how to use all components. And, of course, every element is documented.

Material Dashboard PRO - Django, main screen.
Material Dashboard PRO - UI Cards
Material Dashboard PRO - Django, UI Cards.

Show Comments