<h1 role="heading" data-level="1">AyaFrontend Engineer · 5+ yrs</h1>
Frontend engineer with about 5 years of experience delivering data-intensive applications in React and TypeScript. Built core capabilities for a Mercedes-Benz global master data and planning platform used across regions for production and supply chain operations. Drove faster releases, higher import reliability, and improved developer efficiency through platformized UI architecture, schema-driven validation, and CI modernization.
ACHIEVEMENTS
Key Impact
Enterprise scale, real results
Engineered React & React Native apps for global operations (access control, planning, supplier management) boosting user engagement by 60% and improving operational efficiency.
Data flow reimagined
Pioneered GraphQL adoption with .NET + HotChocolate, simplifying data access and improving responsiveness ~30% faster queries and leaner frontend logic.
Design that accelerates delivery
Standardized responsive, accessible, and localized UI systems (German/English) reducing design debt and improving sprint velocity by 25%.
Shipped faster with fewer bugs
Built a reusable data UI framework (tables/forms, filters, pagination incl. unknown totals, inline edit) ~30% leaner reviews and faster feature delivery across multiple modules.
Data that just works
Implemented schema-driven Excel imports with prevalidation, automatic lookup reconciliation, and precise error surfacing ~25% higher first-pass import success, fewer downstream fixes.
DevEx that compounds
Migrated from webpack and delivered a Vite-based boilerplate with configurable layout, i18n, authentication, environment management and automated versioning ~40% faster builds/onboarding, shorter CI cycles, predictable releases.
Secure, compliant delivery
Embedded static analysis and license/dependency scanning in CI; enforced JWT/OIDC flows stronger security posture and smoother audit checkpoints.
Tighter API contracts
Codesigned GraphQL queries/mutations and validation semantics; optimized payloads reduced client workarounds and improved rendering responsiveness.
Mobile + identity
Took an internal hub app from prototype to production with NFC, OIDC auth, telemetry and navigation more reliable access and better UX for field users.
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 Excel imports with early validation, automated lookup reconciliation, and precise error messages to increase 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 static analysis and dependency scanning in CI and strengthened authentication with encrypted tokens and OIDC where required to improve security posture.
- 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.
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
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
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.
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.