A comprehensive record of frontend engineering solutions delivered across 12 years of experience. Filter by domain to view technical architecture summaries, challenges solved, and specific technology stacks utilized.
DTS Admin
Malaysia-based mall management agency dashboard supporting multiple malls under a single platform. Features real-time tracking of lease documents, active shop assets, shop tenant requests, and full screen reader accessibility integrations.
Architectural Challenge
Designed a light and secure dashboard shell for shop tenants and mall admins with full keyboard accessibility (A11y), optimized with React Query to handle sub-second lease updates.
- Lighter React dashboard for tenants and admins
- Keep tabs on active mall leases, assets, and shops
- Full accessibility support for users with special abilities
- Fast response with optimized caching & background syncing
Amount
USA-based enterprise financial application suite enabling partner banks to launch custom loan and credit application flows without engineering overhead. The platform combines a visual form builder, a configurable credit-decision engine, and dedicated banker review consoles — giving financial institutions end-to-end control from applicant intake through automated scoring to manual underwriter intervention.
Architectural Challenge
Architected a schema-driven React form engine that maps backend JSON schemas into dynamic field trees with cross-field validation, conditional visibility, and real-time rule evaluation. Built a separate banker decision console where underwriters review flagged applications, request additional documents, and override automated outcomes — all while keeping partner-specific branding and validation rules isolated per tenant.
- Backend schema-driven dynamic bank application forms
- Rule engine to automatically approve or reject applications
- Decision console for banker manual intervention
- Banker portal to review forms and request further documents
- Partner bank tenant isolation with per-tenant schema and branding config
- Cross-field validation and conditional field visibility at runtime
Kasha
East Africa's (Kenya & Rwanda) largest e-commerce platform for home-delivered products, enabling local sellers to sign up, catalog items, manage shop assets, and process multi-factor authenticated transactions.
Architectural Challenge
Integrated secure Azure AD B2C Single Sign-On, seller verification flows, token refresh security, and multi-factor authorization for high-volume transactions.
- End-to-end e-commerce solution for Rwanda & Kenya
- Multi-tenant seller registry and listing interface
- Integrated secure Azure AD B2C identity management
- Mobile-responsive pages optimized for low-bandwidth environments
Gymdash (Gymowners)
Multi-tenant SaaS platform for gym owners to manage calendars, schedule training sessions, register users, process payments, and track monthly turnover trends.
Architectural Challenge
Constructed a robust scheduling grid and integrated a predictive visualization module mapping monthly turnover with high performance.
- Multi-tenant calendar & scheduler for training sessions
- Predictive analytics displaying monthly gym turnover
- Integrated health product shop and checkout flows
- Interactive attendee checking & attendance logs
Local Green Guide
UK-based magazine distributor portal that serves as a multi-tenant marketing solution across different business sectors, integrating ticket sales, digital puzzle grids, and online content submissions.
Architectural Challenge
Integrated diverse third-party ticketing, maps, and subscription payment APIs into a single, light-weight tenant portal.
- Multi-tenant subscription billing & payment gateway
- Interactive online puzzles and concert ticketing
- User content submission & self-publishing system
- Google Maps integration for business index mapping
My Bookplan
Outsourced workspace board for London-based authors, enabling creative writers to plan and map stories in customizable, draggable sticky note cards.
Architectural Challenge
Built a high-performance interactive board allowing customized formatting and absolute coordinate drag-and-drop notes, and facilitated clean PDF/CSV export routines.
- Interactive draggable storyboard with custom formatting
- Modernized codebase from AngularJS to Angular v13/15
- D3.js progress charts and author metrics log
- Robust export options converting boards to PDF & CSV
Octicell
Biomedical capture software built in coordination with Chromologic. Collects real-time optical capture metrics from blood samples and visualizes diagnostic metrics.
Architectural Challenge
Established low-latency WebSocket connections with local analyzer hardware to run periodic capture files and render smooth medical graphs.
- Real-time blood analysis metrics visualization
- Low-latency hardware integration via WebSockets
- D3.js interactive chart renderings
- Compliant with medical software logging standards
Acord iForms
Custom in-browser PDF and Excel annotation tool built to digitise offline mortgage documents without relying on paid Adobe SDKs. Users drag and drop form field chips onto documents at precise coordinates; those mapped coordinates are saved and later fed into an AI/ML model that auto-approves or rejects mortgage applications without human review.
Architectural Challenge
PDF and Excel documents use fundamentally different coordinate systems, requiring a custom normalisation layer to ensure chip placement accuracy across both formats. Most viable annotation libraries were paid; the team evaluated and composed a solution from minimal open-source tooling to eliminate recurring licence costs for the client.
- Custom in-browser PDF and Excel viewer — no Adobe licence required
- Drag-and-drop form field chips with precise coordinate capture and storage
- Cross-format coordinate normalisation across PDF and Excel renderers
- Annotated form data fed into an AI/ML mortgage auto-approval pipeline
Elliemae
White-label SaaS-within-a-SaaS platform built inside Ellie Mae's existing mortgage product. Partner banks are onboarded and given a fully branded experience — name, logo, forms, and rules — without any bespoke code builds per partner. An Angular middleware inherits core Ellie Mae data and renders each partner's interface entirely from a JSON config.
Architectural Challenge
Designed a JSON-driven Angular middleware that consumed core Ellie Mae data and rendered partner-specific UI without rebuilding the application per partner. New partner onboarding required only a config change — zero frontend redeploys.
- Zero-rebuild partner onboarding — new banks configured via JSON only
- Middleware abstraction cleanly separating Ellie Mae core data from partner display
- Angular components dynamically rendering partner name, logo, forms, and rules
- Modular white-label shell supporting rapid multi-bank deployments
AbbWorld
Dual-facing real-time field force application for Abbott India, serving both customers and medical representatives. Reps could manage doctor appointments, track daily and weekly sales targets, browse the full medicine catalogue with ingredients and new releases, apply discounts, and generate contracts — all from within the app.
Architectural Challenge
Extended the web app into a Cordova hybrid mobile app targeting Android, iOS, and Windows. Android and iOS builds were straightforward; the Windows build required deep research into SOAP middleware behaviour used to bridge app data to the Salesforce CRM backend on that platform.
- Daily and weekly sales target tracking for field medical reps
- Medicine catalogue with ingredients, new releases, and discount tiers
- In-app contract generation for rep-to-doctor agreements
- Cordova hybrid builds for Android, iOS, and Windows platforms
Credit Suisse
User-facing microfinance banking application built for Credit Suisse, designed for customers who had applied for microfinance products. Focused on clean, accessible banking screens delivered within strict sprint timelines.
Architectural Challenge
Delivered pixel-accurate, responsive banking UI screens from design specifications under tight sprint cadences with zero tolerance for layout regressions in a regulated banking environment.
- User-facing portal for microfinance applicants
- Pixel-accurate HTML/jQuery screen delivery from designs
- Responsive layouts conforming to banking UI standards
- Consistent sprint delivery in a regulated project environment