📂Folder Structure

The Light Able folder structure is meticulously organized to enhance project scalability and maintainability. With directories for routes, controllers, assets, views, and configuration settings

├── 📁 public | └── vite.html ├── 📁 src | ├── 📁 assets | | ├── 📁 fonts | | ├── 📁 images | | ├── 📁 scss | | └── react.html | | | ├── 📁 Common | | ├── 📁 JsonData | | ├── BreadcrumbItem.tsx | | ├── DeleteModal.tsx | | ├── Filter.ts | | ├── layoutConfig.ts | | └── TableContainer.tsx | | | ├── 📁 Layout | | ├── 📁 HorizontalLayout | | ├── Footer.tsx | | ├── FooterBlock.tsx | | ├── Header.tsx | | ├── index.tsx | | ├── MenuData.tsx | | ├── NestedMenu.tsx | | ├── NonLayout.tsx | | ├── RightCustomizer.tsx | | ├── Slider.tsx | | └── Topbar.tsx | | | ├── 📁 pages | | ├── 📁 application | | ├── 📁 chart | | ├── 📁 elements | | ├── 📁 forms | | ├── 📁 other | | ├── 📁 pages | | ├── 📁 table | | ├── 📁 widget | | ├── Affiliate Dashboard | | ├── dashboard | | ├── index.tsx | | └── LivePreview.tsx | | | ├── 📁 Routes | | ├── allRoutes.tsx | | └── index.tsx | | | ├── 📁 toolkit | | ├── 📁 Calendar | | ├── 📁 Chat | | ├── 📁 E-commerce | | ├── 📁 Email | | ├── 📁 themeLayouts | | ├── index.ts | | └── thunk.ts | | | ├── 📁 views | | ├── 📁 Application | | ├── 📁 Chart | | ├── 📁 Checkbox | | ├── 📁 Dashboard | | ├── 📁 Forms | | ├── 📁 Landing | | ├── 📁 LivePreview | | ├── 📁 Maps | | ├── 📁 Table | | └── 📁 Widgets | | | ├── App.css | ├── App.tsx | ├── index.css | ├── main.tsx | └── vite-env.d | ├── .eslintrc.json ├── .gitingore ├── global.d.ts ├── index.html ├── package.json ├── package-lock.json ├── README.md ├── tsconfig.json ├── tsconfig.node.json └── vite.config

Light Able React.js Folders Structure

File/Folder	Path	Description
📂Light Able	root:	The main folder of our project.
📁public	public/	Contains static assets like vite.svg
📁 src	src/	Contains react.js components, routers, layouts etc.