Installation & Build

We have used understandable and easy-to-understand instructions to help you install Herozi - Admin & Dashboard Template in your project. Follow the below steps to get started.

1. Download the Package

• Source: Download the code from ThemeForest.
• Format: The file will be in a .zip file format.

2. Unzip the file

• Extract the contents of the downloaded .zip file to a directory on your computer. It will extract in the Herozi_v1.0.0 folder.

3. Install Node Modules

• Setup: Open your terminal or command prompt from the Herozi_Django_v1.0.0/Admin folder.
• Execute: Run the following command to install all the required Node.js packages and dependencies specified in the package.json file:

  yarn install

• Explanation: This command will download and install all the necessary dependencies for your project, including build tools, libraries, and plugins, ensuring your development environment is set up correctly.

4. Create a Production Build For Django's Static Assets

• Command: After the dependencies are installed, generate a static assets by running:

  npx webpack --mode development

• Outcome: This command compiles and optimizes your assets, creating a distribution folder (`/static`) that contains minified and ready-to-use for Django sever files. It ensures your project is optimized for performance in a both environment.
• OR Command: Instead of running the above command, you can also run the following command to build the project static assets:

  npx webpack --mode development --watch

• Outcome: This command compiles and optimizes your assets, creating a distribution folder (`/static`) that contains minified and ready-to-use for Django sever files. It help's to rebuild static assets on changing them in 'Admin/src/' or changing in 'Admin/Static/' or you can also add new npm package by installing and than after add to 'package-copy.json' in root(Admin).

5. Install Django

• Prerequisite: Ensure Python and pip(Python Package Manager) are installed on your system. Make sure to use pip's latest version.
• Virtual Env: Create and activatevirtual env.
• Command: To check if your system has Python installed, run this command in the command prompt:

  python --version

• Outcome: If Python is installed, you will get a result with the version number, like this:

  Python 3.9.2

  If you find that you do not have Python installed on your computer, then you can download it for free from the following website: https://www.python.org/
• Command: To check if your system has PIP installed, run this command in the command prompt:

  pip --version

• Outcome: If PIP is installed, you will get a result with the version number. For me, on a windows machine, the result looks like this:

  pip 20.2.3 from c:\python39\lib\site-packages\pip (python 3.9)

  If you do not have PIP installed, you can download and install it from this page: https://pypi.org/project/pip/
• Command(Windows): To create virtual environment, run this command in the command prompt:

  py -m venv path/to/virtual_env

• Command(Unix/MacOS): To create virtual environment, run this command in the command prompt:

  python -m venv path/to/virtual_env

• Outcome: It will create dir to given path in the command.
• Command(Windows): Then you have to activate the environment, by typing this command:

  path\to\virtual_env\Scripts\activate.bat

• Command(Unix/MacOS): Then you have to activate the environment, by typing this command:

  source path/to/virtual_env/bin/activate

• Outcome: Once the environment is activated, you will see this result in the command prompt:
• Windows:

  (path/to/virtual_env) C:\Users\Your Name>

• Unix/MacOS:

  (path/to/virtual_env) ... $

• Command: To install django and other packageis, run this command in the command prompt:

  pip install -r /path/to/requirements.txt

• Command: After the dependencies are installed, start django server locally by running:

  py manage.py runserver

• Outcome: This command will start project on development mode. You can visit by http://127.0.0.1:8000/.