📂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