Project 012026

RelayOps

RelayOps gives distributed product teams one workflow for incident ownership, response, communication, and reporting. Permissions, tenant boundaries, realtime updates, and audit history remain explicit throughout.

Role: Product architecture · Frontend · Backend · Delivery
Stack: React 19 · TypeScript · Express 5 · MongoDB · Socket.IO · TanStack Query · Zod · Playwright

Live product Source code

RelayOps product preview reading Incident coordination, without the noise

Context

Distributed teams often reconstruct incident ownership, deadlines, and decisions across several tools.

The interface needed to expose permissions, responsibility, SLA state, and history without becoming a dense control panel.

Response

A focused workflow combines workspace context, assignment, SLA snapshots, comments, timeline entries, notifications, audit history, and analytics.

The independently deployable frontend and API share validated contracts. URL state keeps incidents, filters, sorting, and saved views addressable.

Contribution

Designed the product architecture and responsive interface system.
Built the React application, Express API, shared contracts, realtime layer, and MongoDB model.
Implemented session security, CSRF protection, tenant authorization, lifecycle email, and role capabilities.
Created the test, CI, and Render deployment pipelines for both services.

Engineering challenges

Keeping optimistic state aligned with transactions and realtime revisions.
Enforcing tenant and workspace permissions at both interface and API boundaries.
Supporting keyboard, touch, reduced motion, color themes, and narrow screens.

Delivered evidence

Delivered independently buildable frontend and backend services.
Created 29 test/spec files spanning contracts, business rules, integration behavior, UI states, accessibility, and browser workflows.
Targeted coverage reports 96.29% for backend critical rules, 86.36% for frontend critical state, and 100% for shared contracts.
Documented architecture, data boundaries, accessibility, deployment, and product tradeoffs.

RelayOps dark landing page introducing incident coordination — The public product narrative and responsive product preview.

RelayOps dark dashboard showing operating context and incident performance — A workspace dashboard with live operational context and SLA reporting.

RelayOps incident queue with a detailed incident drawer — The URL-addressable response workspace with seeded demonstration data.

RelayOps analytics with incident trend and distribution charts — Operational reporting based on seeded demonstration data.

RelayOps audit log showing traceable account actions — Tenant-aware audit history for accountable operational changes.

RelayOps member and workspace settings — Role and membership administration using seeded demo identities.

RelayOps landing page on a mobile viewport — The product narrative adapted for a 390-pixel viewport.

RelayOps authenticated mobile navigation — Responsive authenticated navigation with seeded demo data.

Evidence and publication note

Verified from the public repository, project documentation, reports, and live Render services on 5 August 2026. Coverage figures apply only to the named critical surfaces.