← Work indexCase file / 02

02 AWQAF · Government operations

SmartKhateeb Operations Portal

A trilingual operations portal coordinating sermon schedules, evaluations, recordings, and reporting for khateebs throughout the UAE.

Role
Senior Software Engineer
Period
2024–present
Primary outcome
Supports 1,000+ khateebs across all UAE Emirates in Arabic, English, and Urdu.
Sanitized system modelCase file / 02
Inputs01Khateeb profiles02Sermon library03Schedules
SystemOperations hub
Outcomes04Evaluations05Recordings06Reports

01 Context

The operational problem.

A nationwide program required one operational view across scheduling, evaluation, content, recordings, and reporting, with different roles and three languages.

Built responsive operational workflows, reusable data-table patterns, multilingual layouts, role-aware actions, and reporting views for the administration team.

02 Conditions

The constraints shaped the system.

  • 011,000+ users
  • 02Arabic/English/Urdu
  • 03RTL and LTR
  • 04Role-based workflows

03 Engineering decisions

Clarity at system scale.

  1. 01

    Made directionality a layout concern instead of patching individual components for RTL.

  2. 02

    Standardized dense operational screens around reusable filters, tables, status patterns, and actions.

  3. 03

    Separated permissions from presentation so every workflow could render only the actions available to the current role.

04 Outcomes

What the work enabled.

  • 01

    Unified scheduling and evaluation workflows across all seven Emirates.

  • 02

    Delivered one component system for three languages and both reading directions.

  • 03

    Made operational status and reporting easier to scan across large data sets.

System stackNext.js 15TypeScriptshadcn/uiTanStack TableZustandRTL/i18n

08 Start a conversation

Have a complex product that needs a clear engineering approach?

n.mish2202@gmail.com