Wisdom Emmanuel Praise — Senior Frontend Engineer, Frontend Platform & Architecture

Platform architecture

One feature, five layers: the architecture now standard in thirteen product modules

How a single architecture decision record at Censhare became the shared shape for features across the product, and why each layer can be tested on its own.

The five-layer feature architecture (view, use case, repository, service, adapter) began as an ADR. It is now the default in 13 product modules.

Because each layer can be tested on its own, the cause of a production bug is usually found within a day instead of several days. The Frontend Builder, a platform for assembling customer-specific UIs from shared components, now runs at more than ten enterprise customers.

The same discipline holds the platform together: more than thirty micro-frontends share one runtime through Import Maps, and accessibility to WCAG 2.2 AA and BFSG is part of the Definition of Done. Read the decision →

View

Use case

Repository

Service

Adapter

Fig. 1 — Each layer only talks to the one beneath it. The adapter is the only layer that knows the outside world exists.

Selected work

All work →

The Odudu admin console, overview page of a tenant

Identity · Open source

Odudu: a multi-tenant identity provider that proves its own conformance

OAuth and OpenID Connect with an admin console, brandable sign-in pages and an MCP server for agents. The OpenID conformance suite runs in CI.

Wired: a shared canvas of sticky notes from the Creative Brainstorming template

Real-time

Wired: an infinite canvas where edits never collide

A collaborative whiteboard built with React 19 and Konva. Yjs CRDTs merge concurrent edits; live cursors show who is where.

WebSuckIt: highly scalable and distributed websocket communication

Infrastructure

WebSuckIt: WebSocket infrastructure developers do not have to build

Scalable real-time connections as a service, so teams add live features without first writing the plumbing.

SecurityPhishing-detection browser extensionA Chrome extension for detecting phishing, with over 5,000 registered accounts.

The VREG vehicle registration portal home page

Public sectorVREG: the national vehicle registration systemOverhauled the national vehicle registration engine, which handles 1.5M+ entries a year. Average response time dropped by roughly 40% and PCI-compliant payment gateways were integrated.

The IDEC portal: Apply for your Import Duty Exemption Certificate without stress

Public sectorIDEC: Import Duty Exemption Certificate portalAn end-to-end automated process for Customs import duty exemption applications, delivered from Figma designs to production.

Web · Outsource GlobalOutsource Global websiteThe company website, built with React, as part of modernising its web presence.

From the decision log

All decisions →

ADR · Accepted

One runtime for 30+ micro-frontends, via Import Maps

Share framework and platform code at runtime instead of bundling it thirty times.

ADR · Accepted

Accessibility belongs in the Definition of Done

WCAG 2.2 AA and BFSG as acceptance criteria, checked per story.

ADR · Accepted

Agents get the same permissions as people

Each of the 35 MCP tools is scoped to what the calling user may already do.

Profile

Senior Frontend Engineer at Censhare, working on frontend platform and architecture. Before that: a robot-programming IDE for industry at Agile Robots, a threat-intelligence product at FYEO, and national platforms serving more than two million citizens. Seven-plus years of B2B web applications, micro-frontends and UI platforms, built with distributed Scrum teams.

Full profile and CV →

How I work

Architecture decisions are written down as ADRs.
Accessibility is part of the Definition of Done, not a later phase.
Each layer of a feature can be tested on its own.