Software Engineer · NZ

Dion
Bedford

Accessible frontends, AI-augmented workflows, and micro-frontend architecture at scale.

View WorkGet in Touch

About

I'm a software engineer based in New Zealand with over five years of experience in EdTech, building platforms used by thousands of schools across Australasia.

My work centres on building accessible micro-frontends at scale, contributing to shared design systems, and championing WCAG 2.2 AA compliance across federated architectures. I balance hands-on engineering with mentoring and technical direction.

More recently, I've been deep in AI-augmented developer workflows, building agentic systems that automate test generation, documentation, and code review. Outside of work, I channel my love of Magic: The Gathering into building recommendation engines and data pipelines.

Illustrated portrait of Dion Bedford

Expertise

Frontend Engineering

  • React / Next.js
  • TypeScript
  • Vue 2 / AngularJS
  • Tailwind CSS
  • Micro-frontend Architecture
  • Design Systems
  • Framer Motion
  • XState

AI & Automation

  • Claude API / Anthropic SDK
  • RAG Pipelines
  • Agentic Workflows
  • Vector Databases
  • Prompt Engineering
  • Vercel AI SDK

Architecture & DevOps

  • Module Federation
  • GraphQL
  • REST APIs
  • CI/CD (GitHub Actions)
  • Vercel / AWS
  • Monorepo Tooling

Testing & Quality

  • WCAG 2.2 AA
  • Vitest / Jest
  • Playwright / Cypress
  • axe-core Auditing
  • React Testing Library
  • Accessibility Audits

Work

Live Demo

MTG Card Recommendation Engine

AI-powered Commander deck analysis. Paste a decklist or Archidekt URL and get suggestions for cuts, additions, and mana base improvements.

RAGGemini APIScryfallNext.jsUpstash
Launch Demo →
Read Write-up →Source →

AI Agent Workflows for Automated Testing

Agentic workflows that automate unit test generation and documentation, reducing manual effort and increasing coverage across large codebases.

Claude APIAgentic WorkflowsCI/CDTypeScript
Read Write-up →

Accessibility Audit GitHub Action

Open-source GitHub Action that runs automated WCAG audits on preview deployments and posts AI-powered fix suggestions directly on pull requests.

GitHub ActionsPlaywrightaxe-coreWCAG 2.2AI SuggestionsOpen Source
Read Write-up →Source →

Accessible Micro-Frontends at Scale

Drove WCAG 2.2 AA compliance across a federated micro-frontend ecosystem, contributing to shared component patterns and accessibility audit processes.

WCAG 2.2Module FederationReactDesign Systems
Read Write-up →
Live Demo

MFE Architecture Visualiser

Interactive tool that visualises micro-frontend architectures through animated 3D diagrams. Import your own Vercel or Module Federation config and watch the routing come alive.

React Three FiberThree.jsNext.jsWebGLMFE
Launch Demo →
Read Write-up →

Writing

View all →

Get in Touch

Whether you're interested in collaborating, have a question, or just want to chat about accessibility or AI, I'd love to hear from you.

contact@dbedford.devGitHubLinkedIn