Software Engineering Angular + .NET

Engineer-grade Angular applications designed and shipped with production intent

This is a production-style Angular + API demo designed to showcase architecture, performance, and security decisions. Source code is shared upon request in line with standard security and IP practices.

Fast, accessible front ends built with clean architecture and predictable state — paired with .NET APIs, OpenAPI contracts, and Docker-first delivery.

An engineering mindset shaped by years as a professional musician and audio engineer — blending creative systems thinking with precision, discipline, and production reliability.

View my resume
Clear UX, type-safe code, and measurable performance.
UX
Accessible by default
Code
Standards + tests
API
.NET + OpenAPI
Deploy
Docker-first
John Belthoff
Engineering Signals
Runtime behavior, build quality, and operational mindset
API Health
Checking…
Database: checking…
Last checked: UTC
Build
Optimized
AOT + tree-shaken bundles
Quality
Consistent
Automated formatting & conventions
Engineering Takeaways
  • Live API health wired end-to-end
  • UI and system design treated as one concern

What This Demo Demonstrates

This Angular application is intentionally structured to reflect a real-world, production-grade web system. The goal is not a toy portfolio—it’s a compact, end-to-end demonstration of architecture, security, and engineering judgment.

Engineering Focus

  • Auth-gated application design with guarded routes and public vs authenticated separation.
  • JWT access + refresh token flow with safe retry behavior via HTTP interceptors.
  • API-side validation and consistent error contracts for predictable clients.
  • Rate limiting applied at the API boundary to demonstrate production hardening.
  • HashiCorp Vault integration for dynamic database credential rotation and automated internal PKI distribution for secure service-to-service TLS.

Why Poker?

Poker evaluation is a deliberate choice. It is algorithmic, verifiable, and performance-sensitive—making it ideal for demonstrating correctness-driven domain logic inside a real web application.

  • Deterministic inputs and outputs enable repeatable validation.
  • Combinatorics and ranking logic show real problem-solving.
  • Performance tradeoffs are measurable and meaningful.

What’s Behind Sign-In

Core application functionality—including poker deal and evaluation—is intentionally protected to mirror real application constraints. Signing in reveals authenticated routes, API integration, and domain logic.

Sign In to Explore View Resume

Suggested review: overview → resume → authenticated demo.

Demo Credentials

For quick review, a read-only demo account is available. These credentials provide access to the authenticated application and domain logic. You can also register yourself as it's fully functional.

Email
demo@johnbelthoff.com
Password
Demo-Password1!

Note: This account is intentionally limited and reset periodically.