Folder Structure
Simple intuitive folder structure helps you to navigate easily without any hassle.
Under themantis-material-react/
directory, You will find the following folder structure.
mantis-material-react
..
├── public
├── src
│ ├── _api -> Mock JSON data to be used for working apps
│ ├── assets
│ │ ├── images
│ │ ├── third-party -> Third party styles
│ ├── components -> common components used across a theme
│ │ ├── @extended -> Extended components of MUI
│ │ ├── cards -> Card used at different locations
│ │ ├── logo
│ │ ├── third-party
│ │ ├── ...
│ ├── contexts -> State context for Login management
│ ├── data -> Static data
│ ├── hooks -> Custom hooks
│ ├── layout
│ │ ├── CommonLayout -> Layout for login and components showcase
│ │ ├── MainLayout -> Layout for dashboard
│ ├── menu-items -> menu items
│ ├── pages -> View files for all pages
│ ├── routes -> different routes based on layouts
│ ├── sections -> This contains different sections used only for pages
│ ├── store -> Redux actions, reducers
│ │ ├── reducers -> different slices of the toolkit
│ ├── themes -> Contains application style and theme
│ │ ├── overrides -> MUI overrides for each component
│ │ ├── theme -> different theme preset
│ │ ├── ... -> Other theme-related setups
│ ├── utils
│ │ ├── locales -> different locale JSON files
│ │ ├── route-guard -> Auth guard to prevent unexpected navigations
│ ├── App.js
│ ├── config.js -> different theme config
│ ├── index.js
├── eslint.rc
├── .prettiertc
├── jsconfig.json
├── package-lock.json -> Package lock file.
├── package.json -> Package json file.
├── README.md
├── yarn.lock -> yarn lock file.
mantis-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
Last updated