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

Was this helpful?