Folders

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

PreviousPrettier and linterNextDevelopment process

Last updated