Real engineering work, told in full technical detail
Case Studies in Detail
Multi-Tenant SaaS Platform (Tashil)
Needed a high-performance multi-tenant dashboard with complex role-based access control (RBAC), multi-language support (i18n), and dynamic data table handling.
Architected modular standalone components utilizing Angular Signals, RxJS, and Firebase Cloud Firestore for real-time data sync.
Angular standalone components and Signals, RxJS, Firebase Cloud Firestore, and a shared component library driving the RBAC-aware dashboard shell.
40% smaller payload, faster render
Enterprise Banking System Refactor
A Tier-1 financial institution in the GCC region needed its legacy monolithic banking UI modernized into secure, accessible, high-performance modular components for core financial workflows.
Refactored public and private section views into modern Angular standalone architecture with strict WCAG accessibility compliance, working within enterprise-grade security and compliance constraints.
Angular standalone architecture, strict template type-checking, and an accessibility-first component layer built to WCAG 2.2 AA, delivered under the institution’s existing enterprise security and compliance review process.
100% WCAG accessible, zero-latency UI
Logistics & E-Commerce POS System
High-frequency state synchronization and dynamic client-side workflows were causing UI lags in real-time order processing.
Engineered reactive state pipelines with SignalStore to handle live order tracking and seamless API integration.
SignalStore-driven reactive state pipelines, RxJS stream composition, and REST API integration wired for live order tracking across concurrent point-of-sale terminals.
Real-time sync across multi-user UI
White-Label Delivery Pipeline for a Design Agency
A design agency needed to ship client front ends under its own brand without building an in-house engineering bench, and without any client ever seeing a subcontractor name attached to the delivered work.
Established a repeatable, white-label handoff process: design files converted to accessible, componentized Angular builds, delivered through the agency’s own repositories and communication channels, with the agency as the sole point of client contact throughout.
Angular standalone components built directly from Figma design files, an accessibility-first review pass on every handoff, and a git-based delivery workflow scoped to the agency’s own repositories.
Zero subcontractor visibility to clients
Generative-AI Feature Layer for a SaaS Product
A product team wanted an AI-assisted drafting feature added to an existing SaaS application, but needed the integration isolated so client data never trained an external model and every response stayed reviewable before reaching an end user.
Added a privacy-isolated generative feature layer that routes prompts through a server-side boundary, excludes client data from external model training, and surfaces every generated draft in an editable, reviewable state before it is saved.
A server-side proxy boundary isolating prompt and completion traffic, typed request and response contracts, and an editable draft-review UI built with Angular Signals.
Zero client data used for model training