Zum Hauptinhalt springen

Frontend Overview

The Ever Gauzy web frontend is built with Angular and organized as a modular monorepo application.

Technology Stack​

TechnologyVersionPurpose
Angular17+UI framework
NgRxLatestState management
Nebular12+UI component library
Bootstrap5CSS framework
Angular Material17+Additional components
RxJS7+Reactive programming
ngx-translateLatestInternationalization

Application Structure​

apps/gauzy/src/
β”œβ”€β”€ app/
β”‚ β”œβ”€β”€ @core/ # Core services, guards, interceptors
β”‚ β”œβ”€β”€ @shared/ # Shared components, pipes, directives
β”‚ β”œβ”€β”€ @theme/ # Theme configuration
β”‚ β”œβ”€β”€ auth/ # Authentication pages
β”‚ β”œβ”€β”€ pages/ # Feature pages
β”‚ β”‚ β”œβ”€β”€ dashboard/
β”‚ β”‚ β”œβ”€β”€ employees/
β”‚ β”‚ β”œβ”€β”€ projects/
β”‚ β”‚ β”œβ”€β”€ tasks/
β”‚ β”‚ β”œβ”€β”€ time-tracker/
β”‚ β”‚ β”œβ”€β”€ invoices/
β”‚ β”‚ β”œβ”€β”€ expenses/
β”‚ β”‚ └── settings/
β”‚ β”œβ”€β”€ app-routing.module.ts
β”‚ └── app.module.ts
β”œβ”€β”€ assets/
β”‚ β”œβ”€β”€ i18n/ # Translation files
β”‚ β”œβ”€β”€ images/
β”‚ └── styles/
└── environments/

UI Library Packages​

PackagePurpose
@gauzy/ui-coreCore UI services and models
@gauzy/ui-configConfiguration service
@gauzy/ui-authAuthentication UI
@gauzy/common-angularShared Angular utilities