πŸ“‚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.

..
β”œβ”€β”€ 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
β”‚   β”‚   β”œβ”€β”€ Auth           -> Layout for login method showcase
β”‚   β”‚   β”œβ”€β”€ Component      -> Layout for components showcase
β”‚   β”‚   β”œβ”€β”€ Dashboard      -> Layout for Dashboard
β”‚   β”‚   β”œβ”€β”€ Pages          -> Layout for Sass pages
β”‚   β”‚   β”œβ”€β”€ Simple         -> Layout for simple    
β”‚   β”œβ”€β”€ 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
β”‚   β”œβ”€β”€ types              -> Common types for Typescript 
β”‚   β”œβ”€β”€ utils
β”‚   β”‚   β”œβ”€β”€ locales        -> different locale JSON files
β”‚   β”‚   β”œβ”€β”€ route-guard    -> Auth guard to prevent unexpected navigations
β”‚   β”œβ”€β”€ App.tsx
β”‚   β”œβ”€β”€ config.ts         -> different theme config
β”‚   β”œβ”€β”€ index.tsx
β”œβ”€β”€ eslint.config.mjs
β”œβ”€β”€ .prettierrc
β”œβ”€β”€ tsconfig.json
β”œβ”€β”€ package-lock.json      -> Package lock file.
β”œβ”€β”€ package.json           -> Package json file.
β”œβ”€β”€ README.md
β”œβ”€β”€ yarn.lock              -> yarn lock file.

Last updated