Mantis MUI React
v1.2.0
v1.2.0
  • Documentation
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
    • Switch to Auth0
    • Switch to JWT
    • Switch to AWS Cognito
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • Figma
  • Integration
    • Seed
    • Comparison
  • Resources
  • Roadmap
  • Support
  • Changelog
  • Mantis Eco System
  • FAQ
Powered by GitBook
On this page

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
PreviousQuick StartNextState Management

Last updated 2 years ago