Quality GatesCI/CDTestingWartbarer CodeTeamarbeit
openpack ist eine digitale Plattform für die Wellpappen- und Verpackungsindustrie, die Hersteller mit ihren Maschinenbauern, Dienstleistern und Lieferanten in einem digitalen Ökosystem verbindet. Ihr Enterprise Data Hub standardisiert und teilt Daten über Fertigungsmaschinen hinweg und harmonisiert Formate, sodass Branchenprozesse über einen Austausch laufen statt über manuelle Integration pro Anbieter.
- Der Ansatz
- Im Nx-Monorepo gebaut und gepflegt (Migration von Webpack zu Vite), ging das React/TypeScript-Frontend mit einer Storybook-Komponentenbibliothek in Produktion. In Sprints mit Product Owner, Tech Leads, UX und Backend wurden UI/UX-Designs zu präzisen Interfaces, und Frontend-Specs für die Backend-APIs, Refactoring-Initiativen und die Auth0/Keycloak-Integration wurden vorab geschrieben.
- Was es belegt
- Umsetzung von Kernfeatures, von Daten-Visualisierungen auf Basis der Backend-Datenmodelle bis zu Asset-Management, Mobile-Ansichten und einem KI-gestützten Übersetzungs-Feature, mit sauberem, wartbarem Code, abgesichert durch Refactorings, Reviews, Quality Gates und CI/CD, Playwright-End-to-End-Tests, Biome und SonarQube.
- Highlights
- React/TypeScript-Frontend in einem Nx-Monorepo
- Migration von Webpack zu Vite
- Komponentenbibliothek in Storybook
- Playwright-E2E, Biome und SonarQube als Quality Gates
- Daten-Visualisierungen, Asset-Management, Mobile-Ansichten
- KI-gestütztes Übersetzungs-Feature
- Stack
- ReactNext.jsTypeScriptTailwindViteNxZustandTanStack QueryStorybookPlaywrightPostHogBiomeSonarQubeAuth0 / Keycloak
Einen Prozess automatisieren oder ein KI-Feature ausliefern?
Ob manuelle Arbeit zwischen Tools, die sich von selbst erledigen sollte, oder ein KI-Produkt, das zuverlässig in Produktion muss: Ich bringe es vom Audit bis zur robusten, gut getesteten Umsetzung, allein oder gemeinsam mit deinem Team.