Javascript Folder Structure

Below is the folder structure which contain the JS/ES6 files.

📦
├── 📂 js                                   > Template core JS(ES6) folder
│   ├── 📂 _template-customizer               > Contains template customizer markup & styles
│   ├── 📄 bootstrap.js                         > Extends bootstrap JS from node_modules/
│   ├── 📄 dropdown-hover.js                    > Add onHover event for bootstrap dropdowns
│   ├── 📄 helpers.js                           > Contains reusable helper functions
│   ├── 📄 mega-dropdown.js                     > Mega menu JS
│   ├── 📄 menu.js                              > Core menu JS (vertical & horizontal)
│   └── 📄 template-customizer.js               > Customizer Plugin JS
│
├── 📂 assets                               > Templates assets
│   └── 📂 js                                 > Contains main, config, pages, apps and third-party plugins JS
│       ├── 📄 main.js                          > Initialize the template core components, plugins and contain common JS.
│       ├── 📄 config.js                        > Contains JS global variables and TemplateCustomizer settings
│       └── ...
│
├── 📂 libs                                 > Third-party libraries(plugins)
│   ├── 📂 datatables-bs5                     > DataTables plugins JS extends from node_modules
│   │   └── 📄 datatables-bootstrap5.js
│   └── ...
│
├── 📄 build-config.js                      > Template build config file
├── 📄 gulpfile.js                          > Gulpfile
└── ...