Überblick
Interne Angular-Bibliothek mit dem geteilten Design-System aller Linecker-Produkte (Lipp Portal, Lipp POS, LippCare, Marketplace). 44 Standalone-Komponenten von Grid und Forms über Dialogs und Scheduler bis zu Charts und File-Manager, ergänzt um eigene Direktiven (Drag-Drop, Virtual-For, Tooltip ...). Eine begleitende Sandbox-App dient als lebende Dokumentation und Spielwiese für jede Komponente. Ausgeliefert über einen privaten Azure-Artifacts-Feed und mit ng-packagr gebaut.
Eindrücke
Meine Rolle
- • Architektur und Public-API der Library
- • Komponentenentwicklung (Grid, Forms, Dialogs, Scheduler ...)
- • Theming- und Translation-Plumbing
- • Sandbox-App als lebende Dokumentation der Library
- • Versionierung und Distribution über Azure Artifacts
Technologien
- Angular 21
- TypeScript
- RxJS
- SCSS
- ng-packagr
- Azure Artifacts
- Azure Static Web Apps
Features
- • 44 Standalone-Komponenten als geteiltes Design-System
- • Grid-Komponente mit Sortierung, Gruppierung, Filter-Dialog und Spalten-Konfiguration
- • ControlValueAccessor-Forms (Dropdown, Date-Picker, Multi-Select, Toggle ...)
- • Eigene Direktiven für Drag-Drop, Virtual-For, Tooltip, Hold-Gesten und Input-Validierung
- • Light-/Dark-Theming via CSS-Variablen und Host-Klasse
- • Translation-Service mit dotted-key Lookup und Platzhaltern
- • Sandbox-App mit kategorisierter Sidebar, Übersichtsseiten und Live-Demos je Komponente
- • Distribution über privaten Azure-Artifacts-Feed, Sandbox-Deployment via Azure SWA