📂Folder Structure
Simple intuitive folder structure helps you to navigate easily without any hassle.
Under theablepro-material-react/ directory, You will find the following folder structure.
ablepro-material-react
..
├── public
├── src
│ ├── api -> Mock JSON data to be used for working apps
│ ├── assets
│ │ ├── fonts
│ │ ├── 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
│ │ ├── Customization -> live customizer
│ │ ├── ...
│ ├── contexts -> State context for Login management and config
│ ├── 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
│ ├── 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.jsx
│ ├── config.jsx -> different theme config
│ ├── index.jsx
├── eslint.rc
├── .prettiertc
├── jsconfig.json
├── package-lock.json -> Package lock file.
├── package.json -> Package json file.
├── README.md
├── yarn.lock -> yarn lock file.Last updated