📂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
📂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.
Last updated