Develop a framework to drive component reusability across ABC's digital products, enabling teams to design and build modern experiences faster, while improving consistency, accessibility, and performance for a better audience experience.
- Reduced CI/CD build times from 27 minutes to 3 minutes by implementing Turborepo caching and pruning, cutting initial build times by 22% and rebuilds by 77%.
- Built a Design Tokens system, providing flexibility across platforms and alignment between design and development.
- Enabled teams to adopt Next.js App Router by leading the framework migration, providing boilerplate code and a proof of concept that leveraged server components to establish best practices for SEO and performance.
- Applied WCAG 2.2 Focus Appearance (AAA) guidelines to keyboard focus indicators, ensuring compliance and usability for assistive technologies.
- Replaced Axios with GraphQL for more efficient data fetching and migrated caching to Redis, reducing costs and improving scalability.
- Wrote end-to-end analytics tests using Playwright and Snowplow Micro to validate event data was captured.
- Enhanced audience measurement and analytics by updating SDK tags to track data layer events across video and audio components.
- Created a local alternative to running a Docker sidecar for AWS Remote Config, accelerating implementation and simplifying development.
- Developed automated validation scripts for linting, testing and installation to enforce code quality standards, and prevent dependency errors.
- Built accessibility-focused React components and hooks, implementing unit tests with axe-core validation and Storybook docs.
- Continuously maintain and modernise monorepo dependencies to ensure peak performance, security, and stability. Lead dependency upgrades, migrations and document best practices with Docusaurus.