Sliced - Django Documentation 1.0.0

πŸ™ 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.

Before you begin, make sure you have the following prerequisites installed on your system.

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:

py -m pip --version

If the version is less than 20.0.2 or not installed, run the following command to upgrade pip:

py -m pip install --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

Support

Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime.

- SRBThemes

Changelog

1.0.0 - 10 March 2024

General

Initial Released

© 2024 Sliced