mason.os

~/projects — 8 entries

Things I've shipped.

Real projects pulled from the work history — marketing platforms, internal tooling, design systems, email infra. Each one was real production code with real users.

meta · this site

mason.os

Personal · Next.js + FastAPI + SQLite · 2026 –

This site. An interactive 'operating system' portfolio — window chrome, command palette, gamified exploration, Bug Hunt mini-game. Built with Claude Code as a co-author.

  • Next.js 16 (App Router) on Netlify; FastAPI + SQLAlchemy on Fly.io with SQLite on a mounted volume.
  • Live design system at /system uses the same component imports as the production hero.
  • Light/dark theme with hydration-safe pre-paint toggle.
fullstackdesign-systemaifrontend
next.jsreacttypescripttailwindfastapisqlitealembic

Uptime.com marketing site

Sole frontend owner · Level Studios · 2021 – 2024

Owned the entire marketing site end-to-end — architecture, design system, performance, SEO, and core flows including pricing and user profiles.

  • Lifted organic visibility by ~20% through SEO + CI/CD discipline.
  • Built scalable React component libraries and design systems from scratch.
  • Optimized trial-to-paid conversion via cleaner architecture and component reuse.
frontenddesign-systemmarketing-siteperf
reacttailwindchakra-uitypescriptci/cd

Apple PM dashboard

Level Studios · Apple internal tooling · 2021 – 2024

React-based internal dashboard for Apple project managers — centralized project details, lifecycle steps, and team communications with automated email and ticket generation.

  • Automated email + ticket generation tied to dev process stages.
  • Ran code reviews enforcing Apple's engineering standards.
  • Improved UI responsiveness through profiling and React optimization.
frontendinternal-tooling
reacttypescript

Apple-account React/Vue MVPs

Software Engineer Lead · AKQA · 2025 – present

Frontend architecture for Apple-account internal apps and prototypes. Owned scaffolding through delivery across React, Next.js, Vue.js, and Nuxt.js MVP builds.

  • Internal React dashboards giving Dev Engineering Leads real-time visibility into project status and metrics.
  • Shopify cart upsell and recommendation engines for high-traffic retail.
  • First-party cookie + session tracking powering personalization.
frontendinternal-toolingfullstack
reactnext.jsvuenuxtshopifyliquidtypescript

Modular email template system

Email engineering team lead · AKQA · Amperity · 2019 –

Dynamic, session-cookie-based email templates powering multi-campaign workflows. Modular blocks let non-technical teams deploy branded campaigns independently.

  • Cut email campaign turnaround by ~50% at Amperity through block-based authoring.
  • Led the email engineering team on a Fortune-500 account at AKQA.
  • Tested across Gmail, Outlook, dark mode — the one I'll show off in the inbox demo.
emaildesign-system
htmlcssliquidlitmus

Amperity PHP → Craft CMS migration

Lead · Amperity marketing site · 2019 – 2020

Migrated the marketing site from PHP to Craft CMS — streamlined content workflows and dramatically reduced marketing's dependency on engineering.

  • −40% on marketing's engineering dependency.
  • +25% page performance; +18% inbound leads.
  • WCAG-compliant components and brand alignment from the ground up.
fullstackcmsmarketing-sitea11y
phpcraft-cmshtmlcssjavascript

Smartsheet multilingual platform

Frontend Drupal · Smartsheet · 2014 – 2019

Maintained and scaled a Drupal codebase serving millions of monthly users through two major migrations. Owned localization and frontend standards.

  • −35% localization turnaround via extended Lingotek workflows.
  • Cross-browser compatibility from IE8+ through modern browsers.
  • Established frontend standards + docs during rapid company growth.
fullstackcmsi18nmarketing-site
drupalphpjavascriptlingotek

Federal Drupal · weather data UI

Senior Frontend · Aleut Federal · 2024 – 2025

Government agency sites surfacing complex weather and environmental datasets through clean, public-facing interfaces. Section 508 + WCAG 2.1 AA throughout.

  • Custom Drupal themes and component-based templates for data-heavy interfaces.
  • Federal release cadences with cross-team coordination.
  • Accessibility as a gate, not an afterthought.
frontendcmsa11y
drupaltwigscsssection-508