📁 assets

Contains images or other static elements

📁 components

Contains vue components used in the different views.

base

This directory contains the base elements of the designs system like buttons, avatar images and so on. These are generic components that do not have a relation to any of the domain objects (like environments or apis)

📂 app

Contains overarching components for the application

...

such as the shell

...

, navigation or breadcrumbs.

📂 <other directores>

Components that are related to certain domain objects are placed in a directory with the name of this domain object (i.e. environments or apis)

...

📁 helper

A collection of static functions.

📁 routers

Contains the routes for the application

📁 services

This directory contains fixtures that contain test data for the domain objects

layouts

Contains the base layouts of the application like single and multi column layouts

router

Contains the routes for the application

...

the services the frontend uses to communicate with the backend. The services are broken up into their corresponding domain model (i.e. environments, apis, …). This corresponds roughly with the controllers in the backend.

📁 stores

Contains the global stores of the application. The store is used for caching and to synchronize different components within the frontend, that are not in a parent <> child relationship with each other.

📁 types

This directory contains all custom types (interfaces) used in the frontend. This corresponds to the DTOs in the backend.

📁 views

This directory contains the pages of the application. The pages are oganized based on the domain object they are related with (i.e. environments or apis)