Senior Application Developer
AI-Assisted Development

Todd HeckelerFront-End Developer

Front-end developer with 25+ years professional experience combining design thinking with scalable React architecture. I leverage AI tools to accelerate development, solve complex problems efficiently, and deliver production-ready code faster than traditional workflows. Currently Senior Application Developer at Sherwin-Williams.

Current Work

Performance Initiative at Sherwin-Williams

Led comprehensive performance and stability improvements for internal enterprise applications, achieving measurable gains across critical metrics while maintaining zero package vulnerabilities.

Page Load Time

54%

Faster LCP (10.90s → 5.06s)

JS Execution

28%

Faster JavaScript execution

React Rendering

33%

Improved rendering performance

Dependencies

34%

Reduced third-party bloat

Technical Approach

Error Boundaries: Implemented across Module Federation architecture to prevent cascading failures

Dependency Optimization: Achieved zero vulnerabilities through systematic remediation

AI-Assisted Analysis: Leveraged AI tools to systematically identify memory leaks and anti-patterns

Tech Stack

React
TypeScript
Redux
Module Federation
Vite
MUI
Jest
GitHub Copilot

Additional Achievements

  • • Built shared components deployed across 9 micro-frontends
  • • Standardized React Router to version 7.12.0
  • • Implemented Vite optimizations for better tree-shaking
Performance Metrics Visualization
Featured Case Study

Real Projects, Measurable Results

Transforming challenges into growth opportunities through strategic design and development

Featured Project
+24%
Products Sold
+11%
Orders
+1%
Revenue
LiteAF Case Study
eCommerce
SEO
UX
WordPress
LiteAF – Performance in a Tough Market
Complete eCommerce redesign and optimization for ultralight backpacking gear brand

The Challenge

LiteAF faced declining traffic and conversions in a challenging economic climate. Their Wordpress site needed modernization and better mobile UX.

The Solution

Complete site redesign focusing on mobile UX, simplified navigation, improved page speed, and SEO-friendly architecture.

The Impact

Despite economic headwinds, LiteAF achieved growth across all key metrics, demonstrating digital resilience and brand strength.

About Me

25+ Years Building Digital Experiences

From building my own design business in the outdoor and cycling industries to leading performance initiatives at enterprise companies, I've evolved with the web. Currently building scalable React applications at Sherwin-Williams while maintaining my passion for thoughtful design and measurable impact.

Performance & Stability

Led initiatives achieving zero package vulnerabilities and measurable gains in page load time, JavaScript execution, and React rendering

AI-Assisted Development

Leverage GitHub Copilot, Claude, and modern AI tools to accelerate development and systematically identify architectural improvements

Design Thinking + Modern Architecture

Unique blend of Visual Communication & Design degree with deep technical expertise in React, TypeScript, and Module Federation

Technical Skills

React/TypeScriptExpert
Redux/State ManagementExpert
Module Federation/Micro-frontendsAdvanced
UX/UI DesignExpert

Current Role

Senior Application Developer, Front End

Sherwin-Williams

July 2024 – Present

Portfolio

Other Projects

Selected work showcasing e-commerce platforms, CMS implementations, and long-term client relationships

Fara Feather
Shopify eCommerce
Fara Feather
Built custom Shopify theme with modular product templates and metafield-driven content architecture, streamlining merchant workflows for ultralight gear brand. Created reusable Liquid components for features, specifications, and related products while maintaining clean separation between content and layout.
Shopify
Liquid
JavaScript
Metafields

2025

Hustler Turf Redesign
Webflow CMS
Hustler Turf Redesign
Led complete website redesign and development using Webflow CMS on a tight four-week timeline. Prioritized mobile optimization, fast loading speeds, and clean layout to enhance user experience. Achieved high Lighthouse scores for ADA compliance, SEO, and best practices despite learning the platform from scratch.
Webflow
Responsive Design
ADA Compliance
SEO

2023

Strong Frames
Long-term Client
Strong Frames
20+ year client relationship building and maintaining e-commerce site and custom order management system. Designed and developed twelve iterations over the years, adapting the brand's online presence from WordPress to lightweight Next.js. Most recent version reflects Carl's craftsmanship while transitioning toward retirement.
Next.js
E-commerce
Long-term Support

1997 - Present