Directory Structure

assets

Contains images or other static elements

components

Contains vue components used in the different views.

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 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)