Sliced - Django Documentation 2.1.1
π Thank you for purchasing Sliced - Django(v5.0) Admin Dashboard Template.
If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.Support Email: sup.srbthemes@gmail.com
Introduction
Sliced - Django is a powerful admin dashboard template built with Tailwind CSS. Sliced comes with dozens of functional designs to help you get started quickly. With a wide range of beautiful styles and a full-screen layout, itβs a perfect fit for admin dashboards, eCommerce, CRM, CMS, LMS panels and etc. If you are looking to take your app to the next level β Sliced is the way to go!
Getting Started Guide
This guide will walk you through the installation process and prerequisites to get your admin dashboard up and running smoothly.
Task | Instructions |
---|---|
Node.js | Make sure to have the Node.js 20 installed & running in your computer. If you already have installed Node.js on your computer, you can skip this step. |
Git | Make sure to have Git installed & running in your computer. If you already have installed composer on your computer, you can skip this step. |
Python 3.x | Install Python on your machine. You can download it from Microsoft Store. python.org |
pip (lastest version recomended) |
Check pip version by running the following command in your terminal:
If the version is less than 20.0.2 or not installed, run the following command to upgrade pip:
|
Installation
Follow these simple steps to install and set up Sliced Admin Template:
Step 1: Unzip
Unzip The Downloaded Folder and open it
in vscode or any other code editor you use.
Step 2: Create Virtualenv by running following command:
py -m venv virtualenv_name
Step 3: Activate Virtualenv by running following command:
virtualenv_name\Scripts\activate.bat
Step 4: Install dganjo by running following command:
pip install django
Step 5: This would install all of the framework's required
dependencies in the virtualenv_name
.
pip install django-allauth
pip install django-crispy-forms
pip install django-environ
pip install crispy-tailwind
Step 6: create .env file in Admin/slice directory and intialize variables as mentioned bellow:
.
# Social auth google key and secrect key
SOCIAL_AUTH_GOOGLE_OAUTH2_CLIENT_ID= <your_google_client_id>
SOCIAL_AUTH_GOOGLE_OAUTH2_SECRET= <your_google_client_secret>
SOCIAL_AUTH_GITHUB_CLIENT_ID= <your_github_client_id>
SOCIAL_AUTH_GITHUB_SECRET= <your_github_client_secret>
EMAIL_HOST= <your_smtp_provider_host> //example:sandbox.smtp.mailtrap.io
EMAIL_PORT= <your_smtp_provider_supporting_port>
EMAIL_HOST_USER= <your_user_account> or <your_user_mail> as provider may require
EMAIL_HOST_PASSWORD= <your_user_password>
Step 7: Navigate to the Admin/ in the terminal and run the Migrations,
py manage.py makemigrations
py manage.py migrate
Step 8: Install Node.js Dependencies
npm run dev
Step 9: Run the project locally, The development server is accessible at http://127.0.0.1:8000.
py manage.py runserver
File Structure
βββ π Admin | βββ π apps Django-App for different apps calender,chat etc. | βββ π components Django-App for different components used in template forms,layouts,ui etc. | βββ π dashboards Django-App for different dashboards eCommerce, project, ui etc. | βββ π pages Django-App for different pages. | βββ π plugins JavaScript plugins. | βββ π slice The main django-app. | | βββ π settings.py The main settings file for project. | | βββ π forms.py All forms for authentication are here. | | βββ π urls.py The main entry point of api endpoints.All the assets files are here. | βββ π templates | | βββ π partials All the partials and layouts html file are here. | | βββ π account All the authentication html file are here. | | βββ π apps All the apps html file are here. | | βββ π components All the components html file are here. | | βββ π dashboards All the dashboards html file are here. | | βββ π pages All the pages html file are here. | | βββ π pages All the pages html file are here. | βββ π db.sqlite3 Data base file. | βββ π manage.py project manage file. | βββ π .gitignore | βββ π package.json | βββ π package-lock.json | βββ π tailwind.config | βββ π tailwind.css
Layout
Layouts covers all theme configuration settings if you want to apply manually in project.
Layout Name | Details |
---|---|
Creative |
You can set manually by adding
layout class from <body class="detached"> |
Detached
|
You can set manually by adding layout class from <body class="detached detached-simple">
|
CSS
Sliced Built with latest version of CSS3.
File Name | Details |
---|---|
css/style.css |
Tailwind CSS |
css/swiper-bundle.min.css
|
Swiper CSS |
css/fancybox.css |
Fancybox CSS |
css/accordion.min.css
|
Accordion CSS |
Javascript
Sliced Built with Javascript
File Name | Details |
---|---|
js/alpine.min.js |
Alpine js |
js/swiper-bundle.min.js
|
Swiper Js |
js/apexcharts.js |
ApexCharts js |
js/fancybox.umd.js
|
Facncybox Js |
js/custom.js |
All Custom js files |
Credit & Resources
We have used the following plugins and packagies.
Support
Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime.
- SRBThemes
Changelog
Updated minor responsive issue fixed
Added Django Version
Added Project & Ecommerce Dashboards
Added Calender App
Added LTR & RTL Supported
TailwindCSS v3.4.1
Added Dark Version
Fix some CSS issues like, modal, buttons, breadcrumb, and some in HTML pages
Initial Released