<h1 role="heading" data-level="1">AyaFrontend Engineer · 5+ yrs</h1>
Frontend engineer (~5 years) delivering data-intensive React + TypeScript applications at global scale. Led core UI/platform capabilities for a multi‑region internal data management & planning platform. Improved delivery speed, import reliability, and developer effectiveness through reusable data UI patterns, schema‑driven validation, and build/CI modernization.
ACHIEVEMENTS
Key Impact
Enterprise scale impact
Engineered React & React Native apps supporting global internal operations (access, planning, supplier-facing workflows) improving usability and operational efficiency.
GraphQL & data simplification
Introduced GraphQL with .NET HotChocolate to streamline data access, reducing client complexity and improving perceived responsiveness.
Design & accessibility systems
Standardized responsive, accessible, localized (DE/EN) UI patterns, shrinking design debt and increasing delivery consistency.
Reusable data UI framework
Created shared tables/forms (filters, resilient pagination, inline edit) accelerating feature throughput across multiple modules.
Reliable data imports
Implemented schema-driven file import pipeline with early validation, automatic lookups, and clear error surfacing improving first-pass success.
Modernized build & DX
Delivered Vite-based boilerplate (layout, i18n, auth, env mgmt, automated versioning) achieving materially faster builds and onboarding.
Automated quality & security gates
Embedded static analysis and dependency/license scanning plus standardized auth patterns (OIDC/JWT) strengthening security posture.
Stable API contracts
Collaborated on GraphQL schema & validation semantics; optimized payloads reduced client workarounds and improved UI responsiveness.
Mobile enablement
Advanced an internal hub app from prototype to production with NFC, modern auth, telemetry and robust navigation improving field UX.
Repository hygiene automation
Authored automated secret scanning & safe history rewrite workflow (scan → inventory → deterministic replacement → dry-run → verified rewrite) markedly reducing manual remediation effort.
EXPERIENCE
Professional Experience
Mercedes-Benz South Africa
2021-12 – PresentFrontend Engineer, Global master data and planning platform
- Consolidated table and form experiences into a reusable UI foundation with consistent filters, pagination, inline editing, and shared toolbars to speed delivery.
- Implemented schema-driven file imports with early validation, automated lookup reconciliation, and clear error messages to improve first-pass success.
- Co-designed GraphQL queries and mutations with backend teams and aligned validation and auditing fields to create stable contracts and predictable releases.
- Embedded automated static code analysis & dependency scanning in CI and strengthened authentication with modern identity standards (OIDC/JWT).
- Delivered a Vite boilerplate with environment management and automated versioning to shorten build cycles and accelerate onboarding.
- Evolved an internal hub application from prototype to production-ready with NFC interactions and OIDC authentication for secure access and usage tracking.
- Authored onboarding guides, READMEs, and review checklists; mentored junior developers; facilitated lightweight design reviews for cross-team alignment.
- Automated repository hygiene & secret scanning workflow (mirror clone, scan, deterministic replace, dry-run, rewrite, verification) standardizing remediation playbook.
React · TypeScript · MUI · State Management · Apollo Client · React Query · GraphQL · .NET · HotChocolate · Node.js · Azure DevOps · Webpack · Vite · SonarQube · Docker · JWT · OIDC
Autumn Leaf IT
2021-08 – 2021-11Junior Software Developer
- Built full stack features with React and GraphQL.
- Supported cloud deployments and improved release reliability.
React · GraphQL · Node.js · AWS
Amazon Web Services
2021-01 – 2021-06Intern Cloud Support Associate
- Handled issues related to EC2, S3, IAM, and CloudWatch.
- Authored documentation and knowledge base entries for customer workflows.
AWS EC2 · AWS S3 · AWS IAM · Amazon CloudWatch · AWS CLI
SKILLS
Capabilities
Frontend Engineering
- React
- TypeScript
- MUI
- State management
- Complex tables and forms
- Accessibility
- i18n
- Virtualization
- React Native
- Expo
Platform Engineering and DX
- Reusable UI frameworks
- Scaffolding
- Webpack→Vite migrations
- Env & versioning automation
- Documentation
- Review checklists
- Secret remediation automation
Data and APIs
- GraphQL
- REST
- Apollo Client
- React Query
- Pagination strategies
- Validation alignment
- Auditing alignment
- .NET
- HotChocolate
Tooling and CI/CD
- Azure DevOps
- Pipelines & releases
- Node.js
- Webpack
- Vite
- Docker
- Automated versioning
- Release hygiene
Quality and Security
- Schema-driven validation
- Error surfacing frameworks
- SonarQube
- BlackDuck
- JWT
- OIDC
- Jest
- Cypress
- Git history secret purging
Collaboration and Leadership
- Cross-team alignment
- Lightweight RFCs
- Mentoring
- Onboarding
- Stakeholder demos
- Enablement
PREVIOUS WORK
Select Projects
Global Master Data and Planning Platform (Web)
Internal
Enterprise web platform enabling regional production and supply chain planning with high volume master data updates and imports.
Operational reliability at scale with standardized UX and guardrails for data integrity.
Schema-driven Import Pipeline
Internal
Pre-validation and reconciliation for file-based imports with early error surfacing, coercions, and automatic lookups.
Higher import success rates and fewer production incidents related to data quality.
Build Modernization and Boilerplate
Internal
Vite-based app template with environment handling and automated versioning; Webpack to Vite migrations for speed and consistency.
About 40 percent faster builds and improved developer onboarding.
Mobile Access and Authentication
Internal
Internal companion app with NFC interactions, OIDC authentication, usage telemetry, and mobile navigation patterns.
Stronger access controls, improved visibility through telemetry, and a better mobile UX.
GraphQL Domain APIs
Internal
Queries and mutations for pricing and classification domains with validation rules and auditing fields; clarified error semantics and improved payload efficiency.
Clearer contracts, fewer client workarounds, and more predictable releases.
Security and Compliance Enablement in CI
Internal
Integrated static analysis and dependency license scanning into pipelines; remediated priority vulnerabilities and enforced guarded release policies.
Improved security posture and smoother audit checkpoints.
Repository Hygiene & Secret Scanning Automation
Internal
Automated scanning and safe rewrite workflow (scan → inventory → replacement map → dry-run → rewrite → verification) orchestrating gitleaks + git filter-repo with deterministic replacement mapping.
Standardized remediation path and significantly reduced manual effort per incident.
Material Pricing Administration
Internal
Frontends and endpoints for standard parts pricing, exchange rates, surcharges, and transport costs with consistent validation and auditing.
Streamlined pricing updates and reduced manual corrections.
Workstations and Groups Administration
Internal
Config UI for workstations and workplace groups using standardized table and form patterns; included bulk updates and validation.
Faster configuration cycles and consistent data quality.
Supplier Onboarding and Cost Centers
Internal
UI workflows and validations for supplier onboarding and cost center management leveraging shared platform components.
Reduced onboarding friction and improved consistency across administrative modules.
CONTINUOUS LEARNING
Education & Certifications
Diploma in ICT in Applications Development
Cape Peninsula University of Technology
Year N/A
Meta Front-End Developer Professional Certificate
Meta
2025
Microsoft Certified Azure Fundamentals
Microsoft
2024
AWS Certified Cloud Practitioner
Amazon Web Services
2021
MORE INFO
Additional
Graduate development training in agile and DevOps practices.
Recognized for delivery excellence and documentation that improves cross-team alignment.
Mentorship and workshop facilitation for onboarding and pattern adoption.
Experienced in cross-cultural collaboration with distributed teams across regions using documentation-first alignment, async reviews, and clear ownership.
Proactively drove platform-level secret remediation automation creating a reusable, low-risk path for future incidents.