Folder Structure
A straightforward and easy-to-navigate folder structure simplifies the process of finding what you need.
Under theberry-material-react/
directory, You will find the following folder structure.
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
Last updated
Was this helpful?