All work
05Enterprise Platform · 2025

Nobles Respond

An enterprise operational response platform with bilingual dashboards and PWA capabilities.

Nobles Respond
Client
Nobles Respond
Year
2025
Scope
Enterprise Platform
Duration
The brief

Where they were stuck.

Enterprise tools built for desks don't survive field conditions. Field users flip between spotty 3G and full offline, and a traditional SPA that silently fails on a network hiccup isn't just annoying — it breaks operational continuity. Add to that the requirement for bilingual UI (forms, labels, dates, numbers — all flip correctly in RTL) and real-time collaboration across a distributed team, and most off-the-shelf enterprise platforms simply don't fit.

Our read

How we approached it.

We built the frontend as a progressive web app with a service worker that caches critical app shell + last-known data — so a supervisor can open the app on a weak signal and still see the last synced state. Authentication uses JWT with refresh rotation (access tokens expire in minutes, refresh tokens rotate on use) to keep sessions secure without forcing constant re-logins. The backend is FastAPI + PostgreSQL + Redis containerized with Docker — tight, auditable, and easy to deploy in the customer's own infrastructure when required. Every screen is bilingual by design, not by translation.

Visual system

Foundations of the brand.

A focused palette and a typographic pair that the storefront, the product page, and the admin dashboard all draw from — so the system reads as one voice across every screen.

Color palette
Background
Surface
Primary
Accent
Ink
Typography
IBM Plex Sans
Display
Inter
Body

Operational, legible, and confident under field conditions.

Live

See it running.

An embedded preview of the live site — interact with it directly, or open the full experience in a new tab.

Visit noblesrespond.com
noblesrespond.com

Live preview. If the embed is blocked, use the visit button above.

What we built

The system, by feature.

01

PWA / Offline

Installable on mobile home screens with a service worker for offline-first capability.

02

Bilingual Dashboards

Arabic/English switch with full RTL layout handling across all dashboard screens.

03

JWT Authentication

Secure token-based auth with refresh rotation and role-based access control.

04

Docker Infrastructure

Containerized backend (FastAPI + PostgreSQL + Redis) orchestrated via docker-compose.

Walkthrough

Screen by screen.

Storefront
Storefront
Under the hood

How it's built.

A modern, type-safe stack chosen for performance and long-term maintainability.

Stack
Next.js 15FastAPIPostgreSQLRedisDockerTanStack QueryZustandshadcn/ui
By the numbers

What it adds up to.

PWA
Offline-capable
0
Languages
Outcome

What changed.

Field supervisors adopted the PWA without training — they installed it to home screens and treated it like a native app. Offline resilience proved itself during real field scenarios where connectivity dropped mid-task and the app kept working with cached state.

Studio
Maatouk Studio
Client
Nobles Respond
Year
2025
Discipline
Enterprise Platform