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          -> Cards used at different locations
│   │   ├── logo
│   │   ├── third-party
│   │   ├── ...
│   ├── contexts           -> State context for Login management & config
│   ├── data               -> Static data
│   ├── hooks              -> Custom hooks
│   ├── layout
│   │   ├── Auth           -> Layout for login showcase
│   │   ├── Component      -> Layout for components showcase
│   │   ├── Dashboard      -> Layout for dashboard
│   │   ├── Pages          -> Blank pages
│   │   ├── Simple         -> Layout for landing and contact showcase
│   ├── menu-items         -> Menu items
│   ├── pages              -> View files for all pages
│   │   ├── apps
│   │   ├── auth
│   │   ├── ...
│   ├── routes             -> Different routes based on layouts
│   ├── sections           -> This contains different sections used only for pages
│   ├── 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
│   │   ├── ...            -> Other utils function
│   ├── App.jsx
│   ├── config.js          -> Different theme config
│   ├── index.jsx
├── .env                   -> Store configuration settings and environment variables
├── eslint.rc              -> To configure ESLint rules
├── .prettiertc            -> To Code formatting style rules
├── jsconfig.json
├── package-lock.json      -> File generated by npm
├── package.json           -> Contains metadata (name, version, dependencies, scripts, and other)
├── README.md
├── yarn.lock              -> File generated by yarn

Last updated