Zum Inhalt springen
Patrick Schaub
Zurück zur Übersicht
Industrie & IoT

Web-Tooling für Safety-Sensorik

Full-Stack Engineer2 Jahre2021–2023
AngularNestJSNode.jsTypeORMPostgreSQLRxJSXStateTypeScriptDockerGitLab CI/CDThree.jsJestIntelliJ IDEAJira
ProjektumfeldSICK AG
Jahr2021–2023
RolleFull-Stack Engineer
BrancheIndustrie & IoT
01 — Projekt auf einen Blick

Projekt auf einen Blick

ProduktansatzWebbasierte, White-Label-fähige Basis für unterschiedliche Einsatzszenarien
State-ManagementKomplexe Konfigurationslogik deterministisch mit XState modelliert
EngineeringExplizit beschriebene und automatisiert prüfbare Zustandsübergänge
BeitragFull-Stack-Entwicklung mit Angular, NestJS, TypeORM und PostgreSQL
02Kontext

Kontext

Als Full-Stack Engineer arbeitete ich an webbasierten Konfigurations- und Diagnosewerkzeugen für industrielle Safety-Sensorik und Robotik. Die technische Basis war für unterschiedliche Produkt- und Markenvarianten ausgelegt.

03Aufgabe

Aufgabe

Im Projekt wurde untersucht und umgesetzt, wie sich komplexe Konfigurationsabläufe für industrielle Safety-Sensorik und Robotik mit modernen Web-Technologien abbilden lassen.

Die fachliche Logik umfasst zahlreiche Parameter und voneinander abhängige Zustände. Deshalb musste sie deterministisch, nachvollziehbar und automatisiert testbar modelliert werden. Gleichzeitig sollte die technische Basis unterschiedliche Produkt- und Markenvarianten unterstützen, ohne die Kernlogik mehrfach zu implementieren.

04Technische Umsetzung

Technische Umsetzung

Das Tooling wurde als moderne Web-Anwendung mit Angular im Frontend und NestJS im Backend entwickelt. Für die komplexe Konfigurationslogik kam XState zum Einsatz — eine Library für endliche Zustandsautomaten (Finite State Machines).

Architektur-Highlights

  • XState für State-Management: Komplexe Konfigurationsprozesse als deterministische Zustandsautomaten modelliert — jeder Zustand, jeder Übergang explizit definiert und testbar
  • Angular Frontend: Komponentenbasierte UI mit reaktiven Formularen für komplexe Sensor-Parameter
  • NestJS + TypeORM Backend: Typsicheres Backend mit sauberer Datenbankanbindung
  • White-Label-Fähigkeit: Wiederverwendbare technische Basis für unterschiedliche Produkt- und Markenvarianten
05Mein Beitrag

Mein Beitrag

Als Full-Stack Engineer war ich sowohl für Frontend- als auch Backend-Entwicklung verantwortlich. Mein Hauptbeitrag lag in der Modellierung der komplexen Konfigurationslogik mit XState.

Ein Schwerpunkt bestand darin, fachliche Konfigurationsprozesse in explizite und testbare Zustandsautomaten zu überführen. Damit ließ sich das erwartete Verhalten einzelner Zustände und Übergänge transparent im Code beschreiben und automatisiert prüfen.

Darüber hinaus habe ich zur Architektur der NestJS-Services beigetragen und die Anbindung an bestehende Datenquellen über TypeORM umgesetzt.

06Technologien

Technologien

Der Stack wurde auf deterministische Zustandslogik, Testbarkeit, Wiederverwendbarkeit und langfristige Wartbarkeit ausgerichtet.

SICK AG — Konfigurations-Tool für industrielle Safety-Sensoren und Roboter-Systeme