Ultra-high resolution professional hero background for an AI Engineer portfolio
Lead AI Front-End Engineer

Architecting high-performance front-end solutions and UI with AI-driven precision.

Lead front-end engineering finds next generation AI operationalization.

psychology

Skills

architecture

Architecture & UI Development

Responsive Web DesignUI & UX ArchitectureReact 18+TypeScriptNext.jsWeb ComponentsMicro-frontendsReact Facade StrategyGraphQLNode.jsDesign Tokens (Figma)StorybookFramer MotionMaterial-UITailwind CSSVite
neurology

Core Competencies & AI Engineering

Operationalizing generative AI into production architectures. Specializing in high-performance AI orchestration, systematic operationalization of agentic workflows, and bridging the gap between complex data models and intuitive, human-centered interfaces.

AI OperationalizationAI Agentic WorkflowsModel Context Protocol (MCP)Prompt EngineeringAI Context OrchestrationSystem Integration ArchitectureDesign-to-Code EngineeringSecurity GuardrailsLLM GatewaysAgentic Harness
verified

Quality, Testing & DevOps

JestReact Testing LibraryUnit TestingReduxRESTful Web ServicesWeb Standards & Performance OptimizationDXP EvaluationAzure DevOpsCI/CDnpmGitHubTechnical Sprint Frameworks
folder

Portfolio

EcoTransit™ IQ Transportation Energy Management & Decarbonization Platform

Demo developed for Breakthrough

Open Websiteopen_in_newGitHub
  • Full-Stack Enterprise Cloud Architecture: Built and deployed a full-stack supply chain decarbonization platform on GCP Cloud Run utilizing React 19, TypeScript, Vite, and Express.js, containerized with Docker and provisioned via declarative Terraform HCL.
  • Server-Side AI Copilot Integration: Engineered a secure server-side proxy route integrating Google Gemini 3.6 Flash (@google/genai SDK) to generate real-time executive decarbonization action plans while protecting API secrets from client exposure.
  • Multi-Modal Carbon Accounting Engine: Implemented a real-time Scope 1, Scope 2, and Scope 3 GHG emissions calculator based on GLEC and EPA GREET frameworks across 1,000+ freight lanes (Truckload, Intermodal, Rail, EV Truck).
  • GraphQL & Microservice API Suite: Designed an interactive GraphQL engine (/api/graphql) and simulated a Python FastAPI REST service featuring live query execution telemetry, schema node tracing, and Cloud SQL PostgreSQL connection pools.
  • Fuel Intelligence & Surcharge Analytics: Developed a regional PADD fuel index calculator (Midwest, Gulf Coast, West Coast) using Breakthrough's Fair Fuel Recovery algorithms to eliminate surcharge overpayments against traditional DOE benchmarks.
  • Data Warehouse & Telemetry Pipeline: Built dbt Core dimensional data schemas (fct_shipment_emissions, stg_fuel_prices) targeting Google BigQuery, paired with a custom GCP Cloud Operations dashboard for real-time container latency (p99) and memory telemetry.
EcoTransit™ IQ Platform Mockup

Synchrony Agent Harness & LLM Gateway

Demo developed for Synchrony Financial

Open Websiteopen_in_newGitHub
  • Enterprise LLM Gateway & Security Guardrails: Functions as a secure reverse-proxy router with automated guardrails that enforce real-time PII/PCI masking (SSNs, 16-digit PANs), HIPAA PHI shielding, token rate limiting, and immutable audit logs for regulatory compliance.
  • 4-Stage Agent Execution Harness: Features a controlled 4-stage runtime pipeline: Ingress Safety Scan, Context Window Hydration, Model Gateway Routing, and Egress Audit. Utilizes live visual telemetry, latency monitoring, and policy enforcement.
  • Model Context Protocol (MCP) & Custom Skills: Integrates standardized MCP connectors for Synchrony Plug-In (SyPI) merchant profiles (e.g., Lowe's, Amazon, CareCredit) alongside custom skills like the PRISM Credit Risk Scorer and ECOA Reg B Fair Lending verifiers.
  • Interactive Sandbox & AI Assistant: Includes a live playground to configure agent personas, test custom prompts, and run promotional financing calculations, accompanied by an embedded AI chatbot powered by the Gemini API.
  • Full-Stack React & Node.js Engine: Built on React 19, TypeScript 5.8, and Vite 6 on the frontend, paired with a server-side Express backend running on Node.js to keep API keys secure and proxy server-side requests.
  • Modern Design & Animation System: Styled with Tailwind CSS v4, rendered with Lucide React icon sets, and animated using Motion for smooth state transitions, fluid telemetry flow visualizers, and responsive layout scaling.
Synchrony Agent Harness & LLM Gateway Project Screenshot

StandardMMA

Owner, Creator, Developer, Designer & Architect

Open Website open_in_new GitHub
  • Full-Stack Intelligence Architecture: Engineered a high-performance Combat Sports Intelligence System using React 18, Vite, and Tailwind CSS, featuring sub-millisecond hot development reloads and instantaneous data-driven layouts.
  • Advanced Data Visualization: Developed interactive dashboards and demographic breakdowns (stance distribution, win-method ratios) utilizing Framer Motion for fluid, layout-aware animations and interactive telemetry displays.
  • Fighter Profile Deep-Stats: Architected comprehensive physical and historical fighter profiles with advanced filtering, physical advantage radar charts, and comparative matchup analytics for elite-level performance evaluation.
  • State-Synchronized Deep-Linking: Implemented a robust URL-hash navigation engine (#dashboard, #fighters/:id, #events/:id) ensuring native browser back/forward behavior and persistent application state across shared links.
  • Optimized Data Flow Engine: Designed an offline-first static data model using proprietary JSON datasets, achieving sub-millisecond query responses and seamless round-by-round strike telemetry visualization.
  • Passion-Driven Innovation: This project represents the perfect intersection of my professional expertise in agentic development and high-fidelity front-end engineering with my lifelong passion for mixed martial arts, resulting in a unique, industry-grade analytics platform.
work

Professional Experience

Technical Leadership Across

Daikin Applied

Lead AI Front-End Engineer

2025 - 2026
  • AI Ecosystem Engineering: Architected AI-integrated development environments (IDEs) using Model Context Protocol (MCP) servers to bridge design-to-code pipelines, directly enabling high-fidelity, automated component generation.
  • High-Fidelity Component Automation: Streamlined UI engineering by directly syncing Figma design tokens and architecture into the IDE, significantly reducing time-to-component and ensuring pixel-perfect fidelity.
  • AI Strategy & Operationalization: Architected and operationalized an enterprise-grade AI coding capability utilizing Copilot Agent Mode, transforming it into a repeatable, responsible engineering standard that consistently reduced technical debt and lowered long-term maintenance costs.
  • Web Component Platform Integration: Built an internal Web Component platform that operationalized AI-ready development, featuring secure CI/CD pipelines, internal npm distribution, and automated Storybook documentation within Azure DevOps.
  • Engineering Efficiency Framework: Created a data-driven "Efficiency / Technical Sprint" framework that quantitatively linked AI-assisted technical debt reduction to measurable business value, enabling clear communication between engineering output and leadership objectives.
  • Architectural Foundation: Designed a React-based façade strategy and framework-agnostic UI architecture that preserves delivery velocity, effectively protecting the organization from long-term framework lock-in while integrating design tokens directly from Figma.
  • AI-Enabled Platform Modernization: Accelerated modernization readiness by leveraging AI workflows to clarify refactoring priorities versus lift-and-shift requirements, preventing resource waste ahead of major platform transitions.
  • Strategic Technical Guidance: Translated complex AI/SaaS/PaaS vendor trade-offs into executive-friendly guidance, successfully aligning Product, UX, Engineering, and Leadership on high-stakes platform decisions.
  • Evidence-Based Decision Making: Led comprehensive DXP evaluations, utilizing POCs and decision frameworks to ensure front-end-aligned platform choices, successfully avoiding post-selection risks.

Target

Lead Engineer

2019 - 2025
  • Contributed to and created several micro frontends
  • Subject Matter Expert for 5 front-end web apps / repos / properties + Github integration
  • UI / UX Driver for 5 front-end web apps, utilizing Material-UI
  • Architected responsive design solutions (“Phone to Desktop”) for 5 front-end web apps
  • Partnered with each engineer to increase React, Javascript, and UI + UX skills across the team
  • Reviewed Pull Requests + consulted for multiple teams across Target to ensure front-end code quality
  • Created mock-ups + action flows for 5 front-end web apps, from skeleton to “Pixel Perfect”

Ameriprise Financial

Senior Front End Engineer

2018 - 2019
  • Ported Riot.js based web projects to React.js
  • Wrote unit tests for React.js based projects
  • Mentored junior engineers on ES6/ES7, React.js
  • Collaborated on the creation of React.js projects with two separate teams

Singular Engine

Creator

2014 - 2018
  • Translated Material Design UI/UX to web code.
  • Created a Cordova-based HTML/CSS/JavaScript prototype app shell that can be compiled to deploy from a single code base to iOS, Android, Internet Browsers, Windows, OSX, and other platforms.
  • Implemented offline support which enables the framework to function when no connection to the internet is present.
  • Developed an asynchronous loading mechanism that allows the website to load and display content to the user very quickly even on very slow connections while loading the rest in the background.
  • Innovated a progressive-enhancement development method that allows the framework to function as a website or application even if the user has JavaScript and/or CSS disabled.
  • Designed an app-like animation system that provides smooth motion even on very old mobile devices.

Polaris Industries, Inc.

Senior Web & Application Engineer

2009 - 2014
  • Reduced workload and saved time across the board for the creative department by taking ownership of website compositions earlier in the workflow pipeline which was more effective and faster than working with pre-cut artwork. Extensive Photoshop and wireframes translations to UI/UX code.
  • Developed several Android applications to complement various product lines; consulted and contributed on counterpart iOS versions.
  • Led efforts for front end development of all web properties and applications, including mobile and desktop versions, across 7 separate company divisions.
  • Achieved improved website compatibility among all browsers via standards adherence and modern progressive enhancement methodologies.
  • Replaced flash-based applications with JavaScript/CSS/HTML5 controls to increase website compatibility on desktop and mobile, reduce load times, and increase code reusability.
  • Reduced workload by recreating and modularizing 5 different product configurators into one code base.
  • Created and successfully held several "Trends, Best Practices" re-occurring group meetings in order to help introduce and educate the team on cutting edge web trends and best practices centered around JavaScript/CSS and HTML5.

Prior Professional Experience

Technical Lead, Architect & Developer | Various Organizations

  • Systems Architecture: Engineered scalable intranet/extranet applications and managed complex database normalization for enterprise clients.
  • Full-Stack & Multimedia Development: Deployed data-driven applications for global leaders (Medtronic, 3M, Motorola).
  • Engineering Leadership & Mentorship: Guided cross-functional teams and led SEO and mobile initiatives.
  • Platform Innovation: Built scalable intranet/extranet applications and automated business processes.
school

Education

Ridgewater College Entrance
school

Ridgewater College

Hutchinson, MN

CVMP (Computer Video Multimedia Production) / AAS

rocket_launch

Personal Projects

Modern DJI-style drone landing
rocket_launch

Drone Piloting

Plymouth, MN

200+ Flight hours between 6 drones
2014 - Present
Shotokan Karate training session
sports_martial_arts

Shotokan Karate

American Shotokan Karate Federation (ASKF)

Black Belt (1st Dan)

Dedicated practitioner within the American Shotokan Karate Federation, focusing on traditional kata, kumite, and the core principles of discipline and precision.

layers

Site Architecture & Tech Stack

React 18

Modular component architecture, state-driven navigation highlighting, and deep-linking support.

Tailwind CSS

Design token integration, custom responsive breakpoints, and sticky glassmorphism header.

Lucide React

Consistent technical iconography, accessible SVG rendering, and localized section indicators.

linkDeep Linking & Hash Navigation

Support for direct URL access to sections (e.g., /#target-section) and synchronized browser history.

syncState-Driven Highlighting

Navigation icons and links that strictly sync their active state with the URL hash, even on page load or back/forward navigation.

devicesCustom Responsive System

Specialized breakpoints for optimized layout transitions across all devices (including custom thresholds).

blur_onSticky Glassmorphism Header

A persistent navigation bar with backdrop-filter blur effects for a modern technical aesthetic.

touch_appInteractive Experience Timeline

Clickable brand logos with smooth scroll-to-section functionality and hover-based color transitions.

extensionModular Component Architecture

A clean, scalable React-based structure ensuring maintainability and rapid feature deployment.

Modular Components Responsive Design Performance Optimized