Here the structure of the project's folders and files will be explained.
BE Strucutre
The backend structure is Laravel's classic one, built following official documentation rules.
FE Structure
Frontend structure is built following Vue 3 rules, dividing the folders in the following way:
columns
Tables structures and their respective columns
components
Common components used throughout the frontend
cruds
Balance CRUDs accessible from the left sidebar
Inside each folder there are Vue files for each CRUD actions: Index, Create, Detail and Edit
enums
models
Models with their definition of types made with Typescript
router
VueRouter with its index file where all routes are defined
services
Modules for permissions service, cache and general utils
stores
Here are defined all the stores of the various CRUDs, each store is made with Pinia and is divided mainly into two files: index and single
The first is used to manage multiple elements of the CRUD, while the single is used to manage the single element of the crud
views
Here are all pages that are not CRUDs such as Profile, Dashboard and Sidebar