I build the interfaces people love 
and the systems that keep them running.

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 the transition strategy and led the development of a high-performance static frontend using Astro with an intermediate Mongo based data layer, yielding an immediate 50% improvement in page load speeds and reducing third-party SaaS overhead by over $30k annually. The new system features custom product configuration, advanced dynamic stock filtering, and a powerful “Ring Builder” application that handles complex configurations effortlessly. To ensure reliability, I engineered advanced custom Playwright automation tools with Axe and Lighthouse plugins, actively guarding against SEO and accessibility regressions. Beyond the code, I mentored the frontend team and cross-functional stakeholders, integrating agentic AI workflows to drastically reduce our time-to-market.

Business Impact

• Performance & SEO: Achieved a 50% improvement in page load speeds and a 60% boost in SEO metrics.
• Accessibility: Improved site accessibility by 80%, ensuring compliance standards for a publicly traded company.
• Operational Efficiency: Automated promotional launches, drastically reducing campaign rollout time from hours to minutes.
• Cost Reduction: Decoupled legacy tooling to reduce third-party SaaS overhead by over $30k annually.
• Flexibility: Implemented enhanced search capabilities and enabled deep, dynamic marketing customization.

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. This yielded a blazing-fast 50% improvement in page speed across the portfolio and drove a 40% increase in overall conversion rates. 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.

Business Impact

• Conversion & Growth: Drove a 40% increase in overall conversion rate alongside a 40% surge in organic traffic.
• Performance: Delivered a blazing-fast 50% improvement in page speed across the portfolio.
• Marketing Agility & Sale Automation: Engineered a flexible frontend architecture enabling rapid, site-wide rebranding and fully automated price adjustments for major promotional events.
• Advanced Ecosystem & Analytics: Built a unified multi-site architecture featuring a custom ring builder, personalized user favorites, and highly granular tracking for precision business intelligence.

The Challenge

US Mail Supply was running on an aging, boutique .NET platform. They needed modern ecommerce capabilities and a client-editable architecture without sacrificing the visual identity they had built. The highest risk factor was a massive, unstructured URL history that threatened their organic revenue streams if mishandled during the replatforming.

The Outcome

I led the end-to-end technical strategy for migrating the legacy platform to a modern component architecture. This instantly achieved a 40% boost in page speed, a 20% increase in organic traffic, and a 60% improvement in strict accessibility compliance.

The critical success of this project was the preservation of business revenue through precise URL architecture. I enforced strict routing standards (removing casing, enforcing slashes, converting to kebab-case) and executed a flawless redirect map, resulting in zero SEO equity loss and immediate performance gains.

Business Impact

• Modernization & Control: Successfully migrated from a rigid legacy .NET platform to a fully editable, custom component based theme with standardized design tokens.
• Performance & Traffic: Achieved a 40% boost in page speed and a 20% increase in organic traffic.
• SEO & Compliance: Delivered a 50% increase in general SEO performance alongside a 60% improvement in strict accessibility standards.
• URL Standardization: Mapped and executed a flawless redirect strategy to normalize legacy routing, successfully preserving 100% of historical SEO equity.

The Challenge

Modern frontend systems require strict typing, isolated component testing, and resilient infrastructure. Time Doggy was architected as an engineering showcase to demonstrate best practices in frictionless auth, end-to-end type safety, modern CI/CD, and serverless Edge deployments.

The Outcome

I architected Time Doggy as a fully type-safe, Edge-rendered Next.js application hosted on Cloudflare. By leveraging Zod for end-to-end type validation and AWS SES for magic link authentication, the system completely bypassed traditional stateful session friction while guaranteeing lightning-fast, globally distributed performance.

Additionally, the project adheres to strict modern development standards:

• Infrastructure as Code (IaC): Ensures reproducible, secure, and scalable deployments using Pulumi and Wrangler.
• Component Driven: A robust Storybook implementation provides independent component isolation and visual testing.
• Testing & Observability: Strong coverage using Vitest and Storybook and heavily instrumented using Axiom for real-time introspection and logging, staging environment and testing suite and automated launches with Git Actions.

The Challenge

Finding comprehensive, up-to-date information about local live music can be frustrating. Existing event aggregators are often cluttered or miss smaller venues, making it difficult for users to discover shows based on specific dates, artists, or locations without checking dozens of individual schedules.

The Outcome

I built MKE Setlist as a dedicated live music discovery platform that aggregates upcoming shows in town. The application provides an intuitive interface where users can seamlessly search and filter events by artist, date, and venue. By incorporating interactive map integrations and dynamic calendar views, it offers a robust and highly visual user experience for event discovery. Furthermore, the repository’s architecture shares its framework with a custom web scraper that automatically curates, ingests, and normalizes venue data behind the scenes. For developers interested in exploring the architecture, the public GitHub repository includes tooling to quickly spin up a local demo environment complete with automated mock data generation.

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.

The Challenge

Modern applications demand highly scalable and accessible UI libraries, but complex design systems often introduce heavy JavaScript runtime calculations, visual layout shifts, and CSS compiler friction. The challenge was to architect a comprehensive, modular component library that supported fluid typography, scalable border radii, and real-time primary color hue switching in a serverless Edge environment—all while enforcing strict monorepo dependency boundaries.

The Outcome

I architected a highly localized design system using Turborepo to completely decouple pure CSS tokenization, accessible UI primitives (powered by React Aria), and structural Next.js application logic. By leveraging advanced CSS custom properties injected at the :root level and tightly coupling them with Tailwind v4, the application handles complex light, dark, and system mode theme repaints dynamically with zero JavaScript overhead.

Additionally, the project adheres to strict modern development and deployment standards:

• Infrastructure as Code (IaC): Provisioned automated, ephemeral preview environments and zero-downtime production deployments to Cloudflare Edge using Pulumi, OpenNext, and GitHub Actions. This was built using an OpenNext boilerplate that I added to GitHub that uses Pulumi and Wrangler to create a standardized deployment for OpenNext on Cloudflare (this also handles secrets and CI/CD).
• Component-Driven Development: Engineered robust, WAI-ARIA compliant primitives documented and visually tested in a fully isolated Storybook sandbox to guarantee layout stability.
• Monorepo Orchestration: Utilized pnpm workspaces and Turborepo caching to enforce strict package linking, keeping CI pipelines lightning-fast even while running Biome static analysis, TypeScript validation, and Vitest coverage side-by-side.

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.

The Challenge

Junior developers often face a steep learning curve when bridging the gap between theoretical CSS and practical, production-ready frontend architecture. Many existing learning resources are fragmented, focusing either purely on framework-heavy implementations or basic UI components without providing the necessary context for SEO, Core Web Vitals, and strict accessibility standards.

The Outcome

I architected and launched CSS Snacks, a dedicated educational portal built on Astro and Tailwind CSS. By leveraging Astro’s Content Collections for strictly type-safe markdown rendering, I created a blazing-fast, easily maintainable platform that consistently achieves perfect Lighthouse performance scores.

Beyond serving as a content hub, the platform acts as a live architectural reference. It allows junior engineers to study modern static-site generation, semantic HTML structure, and scalable utility-class styling techniques in a real-world, highly optimized environment.