Free Django Dashboard - MaterialPRO Lite

Open-source Django Dashboard crafted by AppSeed on top of a pixel-perfect Material-Based design. Django MaterialPro Lite can be downloaded from Github, without a registration lock.

Open-source seed project crafted by AppSeed and WrapPixel in Django on top of Material Lite Design.
Open-source Django Dashboard - MaterialPRO Lite Design

This article presents an open-source Django Dashboard generated by the AppSeed platform on top of a pixel-perfect Material-Based design. The product comes with a simple, intuitive codebase, authentication, database, and deployment scripts via Docker. For newcomers, Django is a leading web framework crafted in Python by experienced developers using a batteries-included concept and actively supported by an impressive open-source community. Thanks for reading!

Animated presentation of an open-source Django Dashboard crafted by AppSeed and WrapPixel on top of MaterialPro Design.
Django Material Lite - Open-source Django Dashboard.

Product Features

This open-source Django Dashboard comes with a few useful features that might help beginners (and not only) to code faster a new dashboard project without losing time with a few repetitive tasks like setting up the project, prepare the UI, and code the deployment scripts. Django MaterialPro Lite offers out-of-the-box a short-list with features that solve all the above case-cases:

  • Up-to-date dependencies: Django 3.2.6 LTS
  • SCSS compilation via Gulp
  • SQLite Database, Django Native ORM
  • Session-Based Authentication, Forms validation
  • Deployment scripts: Docker, Gunicorn / Nginx

Probably the most easier way to see this seed project in action is to execute the Docker setup:

Step #1 - Clone the source code

$ git clone https://github.com/app-generator/django-dashboard-material-lite.git
$ cd django-dashboard-material-lite
Django MaterialPro Lite - Clone Sources

Step #2 - Execute in Docker

$ docker-compose pull   # download modules
$ docker-compose build  # execute local set up
$ docker-compose up     # start the project
Django MaterialPro Lite - Start in Docker

Once all the above commands are executed, the project should be visible in the browser and we should be able to interact with the UI, create users, and access the private pages.

Django MaterialPro Lite - User Profile Page.
Django MaterialPro Lite - User Profile Page.
Django MaterialPro Lite - Maps Page
Django MaterialPro Lite - Maps Page.
Django MaterialPro Lite - Maps Page.

How to compile from sources

In case Docker is not installed in the workstation, we can build the product using the classic workflow: clone sources, install modules, set up the database, and start the app using Django WSGI embedded server. In order to complete this phase, make sure you have a minimal programming kit installed in the workstation and accessible via the terminal: Python3, GIT, and a modern code editor like Atom or VsCode.

Step #1 - Download sources from the public repository

$ git clone https://github.com/app-generator/django-dashboard-material-lite.git
$ cd django-dashboard-material-lite
Django MaterialPro Lite - Download Sources

Step #2 - Install modules using a virtual environment

$ virtualenv env
$ source env/bin/activate
$
$ # Install modules - SQLite Storage
$ pip3 install -r requirements.txt
Django MaterialPro Lite - Install Modules

Step #3 - Set up the database

$ python manage.py makemigrations
$ python manage.py migrate
Django MaterialPro Lite - Set Up the Database

Step #4 - Start the project (development mode)

$ # Start the application (development mode)
$ python manage.py runserver # default port 8000
Django MaterialPro Lite - Start App

If all goes well we should see the project running in the browser on the address  http://localhost:8000:

Django MaterialPro Lite - Login Page.

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