Skip to main content

Features

Chrono One is a host shell — it owns the global experience and lets each product own its domain.

  • Global application shell — top-level layout, header, sidebar and the mounting points where microfrontends render.
  • Global UI shell — a persistent navy header, a single navigation menu (replacing per-product menus), and a layout frame consistent across products.
  • Home / Dashboard — the post-login landing screen with launch cards and deep-links to every integrated product.
  • Single sign-on — one Firebase Auth session honoured everywhere; no re-login between products.
  • Shared routing contract — the shell owns top-level routing (/product-a/*, /product-b/*); microfrontends own sub-routes.
  • Client-side navigation — switching products is a React Router transition, not a full-page reload.
  • Permissions / entitlements — hybrid model: global roles managed by the shell, product-scoped permission grants surfaced through the contract.
  • Shell ↔ MFE communication — a typed CustomEvent bus for context and event passing without tight coupling.
  • Independent deployment — every product ships to its own URL; the shell loads it without coordination.
  • Access / load-error fallback — a shell-owned surface for entitlement denial and microfrontend load failure.