Capcod Clarity design system
Capcod's Angular 19 design system: a 16-library monorepo whose main library is a schema-driven form and data-grid engine that auto-generates CRUD UIs from backend field metadata, used across every Capcod front-end. I work mainly on the form engine.
Angular 19
Design System
TypeScript
Low-code UI
Context. Capcod's shared Angular design system and low-code UI engine. It's a 16-library monorepo, published to a private registry and reused as the UI foundation of every Capcod front-end. It builds on VMware Clarity and is driven by the backend's field metadata (FEI).
#What I work on
- The form engine (
object-editorandinput-generator), the part I've worked on most. It maps backend schema and field metadata to the right Angular control at runtime, and handles full edit forms with validation, auto-save, archive/duplicate and JSON-Patch dirty-tracking. The backend describes a field, the UI renders the right editor automatically. - The virtualized data grid (
capcod-infinite-table). Server-side paging, filters, exports and a schema-tree editor. - Library releases. Versioning and publishing the packages to the private AWS CodeArtifact registry.
Modern Angular 19 throughout (signals, computed, inject), with a lot of work on many-to-many relationships, autocomplete and i18n phone input.
#Scale
16 libraries, around 90 components and 28 services. The main library, capcod-clarity, is at v12.
#Stack
Angular 19, TypeScript, VMware Clarity, RxJS and signals, Storybook, ng-packagr, published to AWS CodeArtifact.