Folder Structure
Simple intuitive folder structure helps you to navigate easily without any hassle.
Folder Structure
If you prefer reading docs, continue reading below instead of watching videos.
Under theberry-material-react/ directory, You will find the following folder structure.
Folder Structure
1
berry-material-react
2
..
3
├── package.json -> Package json file.
4
├── public
5
├── README.md
6
├── src
7
│ ├── _mockApis -> Mock Json data to be used for working apps
8
│ ├── assets
9
│ │ └── images
10
│ │ └── scss -> Template SCSS files
11
│ │ ├── style.scss -> Application main file
12
│ │ └── _themes-vars.module.scss
13
│ ├── contexts -> State context for Login management
14
│ ├── hooks -> Custom hooks
15
│ ├── layout
16
│ │ ├── DocsLayout -> Layout for docs components & routers
17
│ │ ├── MainLayout -> Layout for main components & routers
18
│ │ ├── MinimalLayout -> Layout for mimimal components & routers
19
│ │ ├── NavigationScroll.js
20
│ │ └── NavMotion.js
21
│ ├── menu-items -> menu items
22
│ ├── routes -> different route based on layouts
23
│ ├── store -> Redux actions, reducers
24
│ ├── themes -> Contains application style and theme
25
│ ├── types -> common types for Typescript. Exist only in Typescript
26
│ ├── ui-component -> Template custom & reusable components
27
│ ├── utils
28
│ │ ├── locales -> different locale json files
29
│ │ ├── route-guard -> Auth guard to prevent unexpected navigations
30
│ └── views -> View files for all pages
31
├── App.js -> starting point of application
32
├── config.js -> Template constant value and live customization
33
├── index.js -> Application root js file
Copied!
Last modified 13d ago
Copy link