Folder Structure
Simple Folder structure helps you to navigate easily without any hassle.
Under dashboard-kit-react/ directory, You will find the following folder structure.
Folder Structure
1
DashboardKit-material-react
2
..
3
├── package.json -> Package json file.
4
├── public
5
├── README.md
6
├── src
7
│ ├── assets
8
│ │ └── images
9
│ │ └── fonts
10
│ │ └── scss -> Template SCSS files
11
│ │ ├── style.scss -> Application main file
12
│ │ └── _themes-vars.module.scss
13
│ ├── components -> Template custom components, Cards, Widgets, Modals
14
│ ├── config -> Template constant value and live customization
15
│ ├── contexts -> State context
16
│ ├── data -> json data to serve in pages
17
│ ├── hooks -> Custom hooks
18
│ ├── layout
19
│ │ ├── AdminLayout -> Layout for main components & routers
20
│ ├── routes -> different route based on layouts
21
│ ├── store -> Redux actions, reducers
22
│ ├── types -> Redux actions, reducers
23
│ ├── utils
24
│ ├── views -> View files for all pages
25
│ ├── App.tsx -> starting point of application
26
│ ├── index.tsx -> Application root
27
│ ├── menu-items.js -> menu data
28
Copied!
Copy link