I build the interfaces people love
and the systems that keep them running.
Based in Milwaukee, I specialize in high-performance frontend development and technical leadership—utilizing headless architectures, containerized environments, and team mentorship to bring modern speed to any codebase, legacy or brand new.
My Approach
01. The Interface
Focusing on SEO, Core Web Vitals, and strict WCAG Accessibility using Astro, React, and Svelte.
02. The Engine
Modernizing legacy PHP monoliths (Magento, WordPress) by decoupling and building scalable, high-speed headless frontends.
03. The Delivery
Ensuring rock-solid reliability through Docker containerization, cloud-native deployments, and Playwright automation.
The "Multiplier" Effect
Writing code is only half the job. Scaling development speed across a team requires Agentic AI Workflows and hands-on Mentorship. By integrating AI-assisted tooling (like Copilot and custom agents) into daily execution, I help teams reduce architectural bottlenecks and ship features faster without sacrificing quality.
Featured Work
Charles & Colvard
A complete high-performance frontend migration to Headless Magento and WordPress, featuring a custom ring builder and dynamic inventory.
- Astro
- Svelte
- Headless Magento
- WordPress CMS
The Challenge
As a publicly traded company, Charles & Colvard required strict adherence to legal accessibility standards while delivering an ultra-fast ecommerce experience. They relied on heavily coupled legacy systems (Magento and WordPress) that made custom product configuration—like filtering thousands of daily imported stones or building custom rings—slow and difficult to maintain.
The Outcome
I architected and led the development of a high-performance static frontend using Astro, pulling data headlessly from Magento and WordPress. The new system features custom product configuration, seamless dynamic stock filtering, and a powerful “Ring Builder” application that handles complex configurations effortlessly. To ensure reliability, I implemented custom Playwright site scanning with Axe and Lighthouse plugins, automatically guarding against SEO and accessibility regressions. Beyond the code, I trained the frontend team on full-stack architecture and agentic AI development workflows, significantly increasing our shipping velocity.
"Ted is the rare developer who excels at not only the technical skills that a high quality senior developer must possess, but also at the 'soft' skills of communication, collaboration and teamwork... He helps people live up to the best that he sees in them. I learned a lot while working for Ted, and I very much appreciate his guidance, leadership and support."
Forever Companies Portfolio
A multi-site headless frontend migration spanning diamondnexus.com, 1215diamonds.com, and foreverartisans.com.
- Elder.js
- Headless Magento
- WordPress CMS
The Challenge
Managing three distinct high-traffic jewelry brands on coupled legacy systems inherently restricted scaling and continuous integration. Routine workflows like exporting catalogs or pushing automated sale changes were manual and prone to breaking the brittle frontend.
The Outcome
I decoupled the presentation layer, migrating all three brands to a unified static frontend architecture utilizing Elder.js. The new frontend server scales effortlessly via AWS S3 and CloudFront.
To safeguard the legacy cart and checkout processes during the transition, I wrote comprehensive Puppeteer test suites. I also mentored the frontend development team, training them to ship features confidently across the three domains using these new automated testing and deployment workflows.
"What sets Ted apart is his extraordinary ability to communicate. He’s a natural translator between vision and execution, always ensuring the work ladders up to the bigger business goals. He doesn’t just write clean, scalable code—he leads with empathy, clarity, and accountability... He’s a unicorn—someone who understands the creative process, the development stack, and the end-user journey."
Automated Playwright Site Scanner
A custom, plugin-based testing engine built with Playwright to enforce technical rigor across client sites.
- Node.js
- Playwright
- Lighthouse API
- Axe Core
- SQLite
The Challenge
Maintaining strict high-performance and accessibility pillars across large-scale migrations requires constant vigilance. Off-the-shelf tools often lack the custom testing hooks or specific reporting formats required by enterprise clients or development teams to actually fix the issues.
The Outcome
I engineered a highly adaptable website scanning tool using Playwright built on a flexible plugin structure. It systematically audits sites for accessibility (WCAG), performance (Core Web Vitals), SEO, and meta-tag validation.
The tool doesn’t just find errors; it automatically generates high-level technical recommendations and outputs the aggregated results in multiple formats (CSV, XLSX, JSON) so engineering teams can immediately patch regressions before they reach production.
"Ted is world class. He is a brilliant web developer and an incredible teammate. Ted led the team of frontend developers with skill and with kindness, and it showed in the results. Ted brings such an eager servant attitude to his work, he is constantly creating ways to improve systems and site performance, and he thinks outside of the box."
US Mail Supply
Converting a boutique .NET monolith into a blazing-fast, strictly accessible WooCommerce platform without losing a drop of SEO equity.
- WordPress (Block Theme)
- WooCommerce
The Challenge
US Mail Supply was running on an aging, boutique .NET platform. They needed modern ecommerce capabilities (WooCommerce) and a client-editable architecture without sacrificing the visual identity they had built. The highest risk factor in the migration was the massive, unstructured URL history that threatened their search engine rankings if mishandled.
The Outcome
I led the migration to a modern, block-based WordPress theme that perfectly mimicked their original design but drastically improved performance, SEO, and accessibility.
The critical success of this project was the structural URL cleanup. I enforced a strict, standardized architecture (removing casing, enforcing slashes, converting to kebab-case) and mapped out a comprehensive redirect strategy, resulting in absolutely zero SEO loss during the cutover.
Fuse Bead Pattern Maker
A highly interactive, client-side web application for generating, editing, and managing custom bead patterns, showcasing advanced state management.
- React
- TypeScript
- Zustand
The Challenge
Building an interactive, browser-based creative tool requires flawless state management and a highly responsive UI. Users need to be able to map intricate patterns, manipulate grid logic, and dynamically track hundreds of color states without experiencing latency or rendering bottlenecks.
The Outcome
I engineered a robust React/TypeScript frontend tailored for high-frequency interactive event handling.
By leveraging Zustand for state management, I was able to decouple complex application logic from the UI components. This ensured a rapid, fluid user experience where large pattern arrays and complex color palettes could be manipulated in real-time, demonstrating deep capability in modern client-side React architecture outside of standard ecommerce builds.
Also Building
I also run CSS Snacks, a gateway portal for junior developers focused on practical frontend learning, SEO and modern web best practices.
> Visit CSS SnacksInitiate Contact
Looking for an architecture audit, a complicated migration, or technical leadership to level up your frontend team?
> system.connect()