A demo application demonstrating a micro-frontend architecture powered by microservices engineered with quality at its core. A modern React 19 micro-frontend powered by two Spring Boot services, integrated through consumer-driven contracts, backed by layered testing (unit, component, and end-to-end), and continuously deployed through a CI/CD quality gated pipeline.
Three independently deployable units, one coherent platform.
Each service stands alone, is CI-gated on its own repo, and deploys independently.
React 19 SPA with feature modules for dashboard, products and orders — each designed to be extractable as its own MFE.
Spring Boot REST API for the product catalog. CORS-configured for MFE consumption and exposing Actuator health endpoints.
Spring Boot REST API for order management. Validates products via the Product Service and mirrors its quality gates.
End-to-end Playwright suite exercising the full stack. Tagged specs keep each service's CI fast while covering its own flows.
Five CI stages, seven gates per service. A red check blocks the PR.
Lint and type correctness enforced on every commit.
tsc --noEmit)Fast unit feedback with coverage artifacts retained per run.
@vitest/coverage-v8In-isolation component validation across the stack.
Guaranteed inter-service compatibility via Pact.
User-level flows verified against the real stack.
@product-service, @order-serviceGreen main ships — with health verification post-deploy.
/actuator/health gateEach merge runs through the full chain. Any red stage blocks the PR.
A five-minute demo covering the architecture, a live feature flow, and a PR going through every quality gate.