π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