Django Cookie-Cutter – Material Dashboard

Hello Coders!

This article explains how to generate a simple Django Dashboard using Cookiecutter, a well-known command-line utility that creates projects from project templates. The customization process allows choosing the project name, database ty…


This content originally appeared on DEV Community and was authored by Sm0ke

Hello Coders!

This article explains how to generate a simple Django Dashboard using Cookiecutter, a well-known command-line utility that creates projects from project templates. The customization process allows choosing the project name, database type, and other related information like project name, version and support email (if any). For newcomers, Django is a leading web framework created and actively supported by experienced developers using a batteries-included concept.

Thanks for reading! - Content provided by App Generator.

✨ How it Works

To start fast and generate a new project the workstation should have a minimal toolchain used by the generator: Python3, GIT, and (optional) a modern code editor like VsCode or Atom.

👉 Step #1 - Create a virtual environment for dependencies

$ virtualenv env
$ source env/bin/activate

👉 Step #2 - Install Modules

$ pip install cookiecutter
$ pip install GitPython 

👉 Step #3 - Generate the project

$ cookiecutter https://github.com/app-generator/cookiecutter-django.git

console output

>>> project_name [Django Seed project]: Django Material
>>> project_slug [django_material]:
>>> description [A simple Django project]:
>>> author_name [AppSeed]:
>>> domain_name [example.com]:
>>> email [appseed@example.com]:
>>> version [0.0.1]:
>>> Select theme:
1 - volt
2 - soft-ui
3 - datta-able
4 - material-dashboard
Choose from 1, 2, 3, 4 [1]: 4       <---- SELECT the Material Design
>>> Select database:
1 - sqlite3
2 - mysql
3 - postgresql
Choose from 1, 2, 3 [1]:
>>> database_name [appseed_django]:
>>> database_user [appseed_user]:
>>> database_pass [Pass1234]:
>>> PRE Gen hook executed
 Cloning theme: <material-dashboard>, REPO: https://github.com/app-generator/django-dashboard-material.git
 ...done
>>> POST Gen hook executed
 *** Copy assets
 ...done
 *** Copy templates
 ...done

Once the process is finished, we can change the directory inside the generated sources and use Docker to start the app:

$ cd django_material
$ docker-compose up --build

At this point, the app should be accessible in the browser at the address http://localhost:85.

Django Cookie-Cutter Material - Login Page.

✨ Django Cookie-Cutter - Dashboard Page

Django Cookie-Cutter Material - Dashboard Page.

✨ Django Cookie-Cutter - VR page

Django Cookie-Cutter Material - VR Page.

Thanks for reading! For more resources please access:


This content originally appeared on DEV Community and was authored by Sm0ke


Print Share Comment Cite Upload Translate Updates
APA

Sm0ke | Sciencx (2021-11-20T10:43:50+00:00) Django Cookie-Cutter – Material Dashboard. Retrieved from https://www.scien.cx/2021/11/20/django-cookie-cutter-material-dashboard/

MLA
" » Django Cookie-Cutter – Material Dashboard." Sm0ke | Sciencx - Saturday November 20, 2021, https://www.scien.cx/2021/11/20/django-cookie-cutter-material-dashboard/
HARVARD
Sm0ke | Sciencx Saturday November 20, 2021 » Django Cookie-Cutter – Material Dashboard., viewed ,<https://www.scien.cx/2021/11/20/django-cookie-cutter-material-dashboard/>
VANCOUVER
Sm0ke | Sciencx - » Django Cookie-Cutter – Material Dashboard. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/20/django-cookie-cutter-material-dashboard/
CHICAGO
" » Django Cookie-Cutter – Material Dashboard." Sm0ke | Sciencx - Accessed . https://www.scien.cx/2021/11/20/django-cookie-cutter-material-dashboard/
IEEE
" » Django Cookie-Cutter – Material Dashboard." Sm0ke | Sciencx [Online]. Available: https://www.scien.cx/2021/11/20/django-cookie-cutter-material-dashboard/. [Accessed: ]
rf:citation
» Django Cookie-Cutter – Material Dashboard | Sm0ke | Sciencx | https://www.scien.cx/2021/11/20/django-cookie-cutter-material-dashboard/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.