B
B
Berry Material-UI React
Search…
B
B
Berry Material-UI React
v3.1.2
Documentation
Pre-requisites
Quick Start
Folder Structure
State Management
Internationalization
Authentication
Axios API Calls
Routing
Project Configuration
Color Presets
Theme/Style Configuration
Integration
Resources
Roadmap
Support
Changelog
FAQ
Powered By GitBook
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 (CRA)
nextJS
berry-material-react
..
├── package.json -> Package json file.
├── public
├── README.md
├── src
│ ├── _mockApis -> Mock Json data to be used for working apps
│ ├── assets
│ │ ├── images
│ │ ├── scss -> Template SCSS files
│ │ ├── style.scss -> Application main file
│ │ ├── _themes-vars.module.scss
│ ├── contexts -> State context for Login management
│ ├── hooks -> Custom hooks
│ ├── layout
│ │ ├── DocsLayout -> Layout for docs components & routers
│ │ ├── MainLayout -> Layout for main components & routers
│ │ ├── MinimalLayout -> Layout for mimimal components & routers
│ │ ├── NavigationScroll.js
│ │ ├── NavMotion.js
│ ├── menu-items -> menu items
│ ├── routes -> different route based on layouts
│ ├── store -> Redux actions, reducers
│ │ ├── slices -> different slices of toolkit
│ ├── themes -> Contains application style and theme
│ ├── types -> common types for Typescript. Exist only in Typescript
│ ├── ui-component -> Template custom & reusable components
│ ├── utils
│ │ ├── locales -> different locale json files
│ │ ├── route-guard -> Auth guard to prevent unexpected navigations
│ └── views -> View files for all pages
├── App.js -> starting point of application
├── config.js -> Template constant value and live customization
├── index.js -> Application root js file
berry-material-react
..
├── package.json -> Package json file.
├── public
│ ├── assets -> images in different directories
│ │ ├── auth
│ │ ├── cards
│ │ ├── docs
│ │ ├── ...
├── README.md
├── src
│ ├── components -> components used in different pages
│ │ ├── application
│ │ ├── authentication
│ │ ├── contact-us
│ │ ├── dashboard
│ │ ├── ...
│ ├── contexts -> State context for Login and other
│ ├── hooks -> Custom hooks
│ ├── layout
│ │ ├── Customization
│ │ ├── MainLayout -> Layout for main components & routers
│ │ ├── MinimalLayout -> Layout for minimal components & routers
│ │ ├── NavigationScroll.js
│ │ ├── NavMotion.js
│ │ ├── GuestGuard.js
│ ├── menu-items -> menu items for each main menu
│ │ ├── application.js
│ │ ├── dashboard.js
│ │ ├── ...
│ ├── pages -> next js pages
│ ├── scss -> styles-themes
│ ├── store -> Redux actions, reducers
│ │ ├── slices -> different slices of toolkit
│ ├── themes -> Contains application style and theme
│ ├── types -> common types for Typescript. Exist only in Typescript
│ ├── utils
│ │ ├── locales -> different locale json files
│ │ ├── route-guard -> Auth guard to prevent unexpected navigations
├── config.js -> Template constant value and live customization
Previous
Quick Start
Next
State Management
Last modified 6mo ago
Copy link