Skip to main content

Ordnerstruktur

Regeln#

  1. WΓΆrter trennen mit Bindestrich
  2. Keine Underscores
  3. Alles lowercase
  4. Keine Sonderzeichen

Struktur#

srcβ”œβ”€β”€ appβ”‚   β”œβ”€β”€ configsβ”‚   β”‚   └── global.config.tsβ”‚   β”œβ”€β”€ coreβ”‚   β”‚   β”œβ”€β”€ animationsβ”‚   β”‚   β”‚   └── global.tsβ”‚   β”‚   β”œβ”€β”€ authβ”‚   β”‚   β”‚   └── auth.tsβ”‚   β”‚   β”œβ”€β”€ directivesβ”‚   β”‚   β”‚   └── mailto.directive.tsβ”‚   β”‚   β”œβ”€β”€ guardsβ”‚   β”‚   β”‚   β”œβ”€β”€ auth.guard.tsβ”‚   β”‚   β”œβ”€β”€ helpersβ”‚   β”‚   β”‚   └── date.helper.tsβ”‚   β”‚   β”œβ”€β”€ interceptorsβ”‚   β”‚   β”‚   └── auth.interceptor.tsβ”‚   β”‚   β”œβ”€β”€ pipesβ”‚   β”‚   β”‚   └── swiss-date.pipe.tsβ”‚   β”‚   β”œβ”€β”€ servicesβ”‚   β”‚   β”‚   β”œβ”€β”€ firestore.service.tsβ”‚   β”‚   β”‚   β”œβ”€β”€ notification.service.tsβ”‚   β”‚   └── modelsβ”‚   β”‚       β”œβ”€β”€ user.model.tsβ”‚   β”‚       └── notification.model.tsβ”‚   β”œβ”€β”€ pagesβ”‚   β”‚   β”œβ”€β”€ authβ”‚   β”‚   β”‚   β”œβ”€β”€ auth-loginβ”‚   β”‚   β”‚   β”œβ”€β”€ auth-signupβ”‚   β”‚   β”‚   β”œβ”€β”€ auth-password-requestβ”‚   β”‚   β”‚   └── auth-password-resetβ”‚   β”‚   └── [page]β”‚   β”‚       β”œβ”€β”€ [page].page.htmlβ”‚   β”‚       β”œβ”€β”€ [page].page.scssβ”‚   β”‚       β”œβ”€β”€ [page].page.spec.tsβ”‚   β”‚       β”œβ”€β”€ [page].page.tsβ”‚   β”‚       β”œβ”€β”€ [page].module.tsβ”‚   └── sharedβ”‚       β”œβ”€β”€ partialsβ”‚       β”‚   └── list-entryβ”‚       β”‚       β”œβ”€β”€ list-entry.htmlβ”‚       β”‚       β”œβ”€β”€ list-entry.scssβ”‚       β”‚       β”œβ”€β”€ list-entry.spec.tsβ”‚       β”‚       β”œβ”€β”€ list-entry.tsβ”‚       β”‚       └── list-entry.module.tsβ”‚       β”œβ”€β”€ layout|       β”‚   β”œβ”€β”€ navigationβ”‚       β”‚   |   β”œβ”€β”€ navigation.htmlβ”‚       β”‚   |   β”œβ”€β”€ navigation.scssβ”‚       β”‚   |   β”œβ”€β”€ navigation.spec.tsβ”‚       β”‚   |   β”œβ”€β”€ navigation.tsβ”‚       β”‚   |   └── navigation.module.tsβ”‚       β”‚   β”œβ”€β”€ headerβ”‚       β”‚   |   β”œβ”€β”€ header.htmlβ”‚       β”‚   |   β”œβ”€β”€ header.scssβ”‚       β”‚   |   β”œβ”€β”€ header.spec.tsβ”‚       β”‚   |   β”œβ”€β”€ header.tsβ”‚       β”‚   |   └── header.module.tsβ”‚       β”‚   └── footerβ”‚       β”‚       β”œβ”€β”€ footer.htmlβ”‚       β”‚       β”œβ”€β”€ footer.scssβ”‚       β”‚       β”œβ”€β”€ footer.spec.tsβ”‚       β”‚       β”œβ”€β”€ footer.tsβ”‚       β”‚       └── footer.module.tsβ”‚       └── modals|           └── loginβ”‚               β”œβ”€β”€ login.modal.htmlβ”‚               β”œβ”€β”€ login.modal.scssβ”‚               β”œβ”€β”€ login.modal.spec.tsβ”‚               β”œβ”€β”€ login.modal.tsβ”‚               └── login.modal.module.tsβ”œβ”€β”€ assetsβ”‚   β”œβ”€β”€ fontsβ”‚   β”œβ”€β”€ i18nβ”‚   β”œβ”€β”€ iconsβ”‚   β”‚   └── [name]-[direction]-[color].svgβ”‚   β”œβ”€β”€ imgβ”‚   β”‚   └── componentsβ”‚   β”‚       └── [page, fragment, component]-[name]β”‚   β”‚           └── bg-desktop.jpgβ”‚   β”‚           └── bg-mobile.jpgβ”‚   β”œβ”€β”€ jsβ”‚   β”œβ”€β”€ jsonβ”‚   β”œβ”€β”€ pdfβ”‚   └── videoβ”œβ”€β”€ environmentsβ”‚   β”œβ”€β”€ environment.dev.tsβ”‚   β”œβ”€β”€ environment.staging.tsβ”‚   └── environment.prod.ts└── styles    β”œβ”€β”€ base    β”‚   β”œβ”€β”€ _colors.scss    β”‚   β”œβ”€β”€ _img.scss    β”‚   β”œβ”€β”€ _reset.scss    β”‚   └── _typography.scss    β”œβ”€β”€ components    β”‚   β”œβ”€β”€ _buttons.scss    β”‚   └── _gallery.scss    β”œβ”€β”€ themes    β”‚   β”œβ”€β”€ _admin.scss    β”‚   └── _theme.scss    β”œβ”€β”€ utils    β”‚   β”œβ”€β”€ _functions.scss    β”‚   β”œβ”€β”€ _mixins.scss    β”‚   └── _variables.scss    β”œβ”€β”€ _shared.scss    └── main.scss

ErlΓ€uterung#

App#

OrdnerBeschreibung
configsLokaler Ort fΓΌr Konfigurationen
- global.config.ts-
coreZentraler Ort fΓΌr die App Logik
- guardsInterfaces fΓΌr den Router um die Navigation einzuschrΓ€nken
- services
- helpers-
- interceptors-
pages-
shared-
- partials-
- layout-

Assets#

OrdnerBeschreibung
fonts-
i18n-
icons-
img-
js-
json-
pdf-
video-

Environments#

OrdnerBeschreibung
environment.dev.ts-
environment.staging.ts-
environment.prod.ts-

Styles#

OrdnerBeschreibung
base-
- _colors.scss-
components-
themes-
utils-
_shared.scss-
main.scss-