EnterpriseProduction

Bosch Rexroth - Hydraulic Controller Platform

A large-scale Nx monorepo delivering multiple Angular web applications for Bosch Rexroth's hydraulic controller ecosystem. The platform covers pump and valve controller UIs, device configuration, real-time commissioning dashboards, and scope visualisation tools. Applications communicate with industrial hardware via SIP protocol and SignalR, supporting web, iOS, and Android targets from a single codebase. Built to strict Bosch engineering standards with comprehensive Jest test coverage, Storybook-documented component libraries, and a fully automated Azure Pipelines CI/CD pipeline.

Project Details

My Role

Senior Angular Developer

Duration

Ongoing

Team Size

Enterprise team

Status

Production

Technologies

AngularTypeScriptNx MonorepoJestSignalRSCSSStorybookRxJSAzure Pipelines

Key Features

  • ▸22 lazy-loaded screen modules for valve and pump controller UIs
  • ▸Real-time PLC communication via SignalR for live commissioning dashboards
  • ▸Cross-platform device configuration app (iOS, Android, Web) via native bridge
  • ▸Shared Angular component library with 80+ Storybook-documented components
  • ▸Multi-language support (German and English) with per-module i18n JSON files
  • ▸Automated WSS build pipeline generating versioned .raup deployment packages
  • ▸Strict code quality enforced via ESLint, Prettier, and NX module boundaries
  • ▸Full test coverage using Jest, Spectator, and ng-mocks across all libraries

Results & Impact

  • ✓Delivered production-ready controller UIs deployed across Bosch Rexroth's hydraulic product range
  • ✓Achieved high test coverage across all libraries with reliable CI pipelines under strict enterprise constraints
  • ✓Enabled multi-platform deployment from a single Angular codebase — web, iOS, and Android
  • ✓Established scalable architecture patterns and component standards adopted across the engineering team

Challenges

  • ⚡Managing a large Nx monorepo with multiple Angular apps and shared libraries under strict Bosch engineering standards
  • ⚡Implementing real-time bidirectional communication with industrial PLC hardware via SignalR
  • ⚡Building a cross-platform native bridge supporting iOS, Android, and Web from a single Angular codebase
  • ⚡Maintaining comprehensive Jest test coverage across 20+ libraries while meeting Azure Pipelines CI constraints

Solutions

  • 💡Structured the monorepo with three scoping namespaces and enforced module boundary rules to keep apps and libs cleanly separated
  • 💡Implemented an adapter pattern abstracting SignalR and test-data sources, enabling full offline development and testability
  • 💡Built a BrowserAppApi abstraction with platform-specific adapters (iOS, Android, Web, Test) behind a unified interface
  • 💡Established Jest presets for both Angular and Node targets, with Spectator and ng-mocks for fast, reliable component tests