# Frontend Overview {#frontend-overview}


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


## Technology Stack {#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 {#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 {#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                           |
| `@gauzy/plugin-ui`             | Plugin UI infrastructure (registry, extensions, events) |
| `@gauzy/ui-react`              | React-to-Angular bridge (directives, hooks)        |
| `@gauzy/ui-react-components`   | Reusable React UI primitives (Card, Progress)      |


## Related Pages {#related-pages}


- [Routing & Modules](https://sourcey-gauzy.pages.dev/frontend/routing-and-modules/index.md) — app structure
- [State Management](https://sourcey-gauzy.pages.dev/frontend/state-management/index.md) — NgRx store
- [Theming](https://sourcey-gauzy.pages.dev/frontend/theming/index.md) — UI customization
- [i18n](https://sourcey-gauzy.pages.dev/frontend/i18n/index.md) — internationalization
- [Plugin UI System](https://sourcey-gauzy.pages.dev/frontend/plugin-ui/overview/index.md) — frontend plugin architecture, extension slots, and React bridge