Skip to content
jmsan
All projects

OpsHub

Practice application for the Angular senior handbook — an internal operations dashboard built with modern Angular 20.

Status: Planned
  • Angular 20
  • TypeScript
  • RxJS
  • Signals
  • Angular Material
  • Keycloak
  • No public demo

OpsHub is the practice application that accompanies the Angular senior handbook. Each chapter of the handbook adds one stage to it, so the concepts are applied to a single realistic codebase instead of isolated snippets.

Scope

  • Standalone components, the built-in control flow and inject()-based dependency injection.
  • Task search with RxJS (switchMap) and a dashboard derived with signals and computed().
  • Typed reactive forms, functional guards and resolvers, and HTTP interceptors.
  • Authentication with OpenID Connect (Authorization Code + PKCE) against Keycloak, with role-based access.
  • Angular Material and CDK, accessibility checks, and tests with TestBed and component harnesses.

The application is planned; the repository and demo will be linked here once they are public.