Folder Structure

Folder Structure

Let's talk about what's inside the downloaded package.

Once you purchased our theme you've to download The All Files & Documentation zip file. The following folder structure is based on that zip file, in that zip file only you'll get all of our theme files including demo content & offline documentation folder.

chisfis
 
 ├── documentation

 ├── chisfis

    ├── package.json
    ├── tsconfig.json
    ├── craco.config.js
    ├── manifest.json
    ├── tailwind.config.js

    ├── public
    │   │
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── manifest.json
    │   └── robots.txt

    ├── build
    │   │
    │   ├── static
    │   │   │
    │   │   ├── css
    │   │   ├── js
    │   │   └── media
    │   │
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── manifest.json
    │   └── robots.txt

    └── src

        ├── components 
        ├── constants
        ├── containers
        ├── data
        ├── fonts
        ├── images
        ├── routers
        ├── styles
        ├── utils
        ├── App.tsx
        ├── index.css
        ├── index.tsx
        └── reportWebVitals.ts

Src folder also includes these subfolders:

  • /components - React components

  • /containers - files for every page, and component container (the components have connected with redux)

  • /contains - files js colors for the first letter of avatars have no image.

  • /data - JSON data sample files for pages and components

  • /images - logo default and some placeholder image.

  • /fonts - the folders fonts of the template

  • /styles - where you can find all scss files (you can change colors, fonts, ... on scss files in this folder)

  • /utils - Some common js file.

  • /templates - We use the generate-react-cli component to quickly create components. You can delete this folder if do not use generate-react-cli.

Last updated