Frontend Overview
The Ever Gauzy web frontend is built with Angular and organized as a modular monorepo application.
Technology Stackโ
| Technology | Version | Purpose |
|---|---|---|
| Angular | 17+ | UI framework |
| NgRx | Latest | State management |
| Nebular | 12+ | UI component library |
| Bootstrap | 5 | CSS framework |
| Angular Material | 17+ | Additional components |
| RxJS | 7+ | Reactive programming |
| ngx-translate | Latest | Internationalization |
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โ
| Package | Purpose |
|---|---|
@gauzy/ui-core | Core UI services and models |
@gauzy/ui-config | Configuration service |
@gauzy/ui-auth | Authentication UI |
@gauzy/common-angular | Shared Angular utilities |
Related Pagesโ
- Routing & Modules โ app structure
- State Management โ NgRx store
- Theming โ UI customization
- i18n โ internationalization