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
- Real-Time 3D Digital Twin & Simulation: Built an interactive full-stack tactical sailing workstation using React 18, TypeScript, and Three.js (WebGL), rendering 6 competing TP52 grand-prix yachts with procedural Gerstner ocean waves, dynamic wake physics, and 6 switchable broadcast camera modes at 60+ FPS.
- High-Frequency Telemetry & Vector Physics Engine: Designed a zero-garbage-collection mathematical engine utilizing binary search interpolation, apparent wind triangle trigonometry, and bilinear polar surface mapping to synchronize 10Hz NMEA GPS, SOG, heel, and rudder deflection logs.
- GenAI Tactical Debriefing Pipeline: Integrated Google Gemini 2.5 Flash via a secure Node.js/Express backend proxy to deliver automated, Olympic-grade race debriefs and real-time tactical reasoning grounded in multi-vessel telemetry and environmental vectors.
- Start Line Bias & Anti-Collision Geometry: Engineered a start-line analyzer implementing 2D vector cross-product projections to compute line bias angles, time-to-line burn, and OCS detection, alongside a 1D relaxation spacing algorithm preventing label collision across viewports.
- Sub-Frame Maneuver & Polar Benchmarking: Formulated automated tack/gybe deconstruction modules that quantify entry vs. apex speed, recovery duration, and meters lost against empirical TP52 Velocity Prediction Program (VPP) polar curves.
- Full-Stack Architecture & Production Performance: Architected a production-ready stack with Tailwind CSS, Lucide Icons, and Vite, featuring persistent WebGL canvas lifecycles for zero-latency tab transitions and responsive HUD overlays for mobile, tablet, and desktop.
Metro Parks Directory & Interactive Explorer
Demo developed for Granicus
Open Websiteopen_in_newGitHub- Architected Full-Stack Municipal Discovery Portal: Designed and implemented a responsive, high-contrast park discovery web application using React 18, TypeScript, Vite, and Tailwind CSS, enabling constituents to seamlessly explore, search, and navigate municipal recreational facilities.
- Resilient Dual-Layer Mapping System: Built a fault-tolerant GIS mapping engine integrating Google Maps Platform with custom vector markers, and an automatic fallback to an interactive SVG Vector Canvas to guarantee 100% UI availability during API key restrictions or offline scenarios.
- Client-Side Spatial Math & Proximity Calculations: Developed custom geospatial utility algorithms utilizing the Haversine trigonometric formula to perform real-time distance calculations in miles and dynamically rank park assets relative to regional spatial anchors.
- Bidirectional State Synchronization & Dynamic Filtering: Engineered a unified state architecture synchronizing multi-amenity tag filters, acreage range sliders, custom-styled dropdown selectors, and pagination controls bi-directionally across interactive map POI pins and list views.
- Strict WCAG 2.1 AA Accessibility & Performance Standards: Delivered a fully accessible UI featuring keyboard navigation, screen-reader ARIA live regions, focus trapping, and high-contrast styling while maintaining 60fps client-side filter execution and responsive cross-viewport layouts.
- Mobile UX Performance & Asset Resilience: Optimized cross-device layout mechanics with responsive breakpoint strategies, fluid touch targets, and a automated image fallback pipeline (onError handling, referrerPolicy isolation) preventing Cumulative Layout Shift (CLS) and broken media states.
Macmillan PubPrint OS & MLOps System
Demo developed for Macmillan Publishing
Open Websiteopen_in_newGitHub- Architected Enterprise Supply Chain Platform: Designed and built PubPrint OS, an end-to-end inventory telemetry and print-run management platform optimizing stock levels, safety buffers, and backorders across multiple publishing imprints.
- Predictive Analytics & Automated Print Recommendations: Engineered real-time sales velocity tracking and predictive demand algorithms that analyze viral market spikes (e.g., social/media trends) to generate optimal reprint quantities, lead times, and unit economics.
- Interactive Decision Engine & Order Workflow: Developed an operations dashboard enabling supply chain managers to evaluate AI-recommended print allocations, run margin impact simulations, execute manual overrides, and dispatch purchase orders.
- Advanced Data Visualizations: Integrated interactive charts and performance dashboards using Recharts, D3, and Tailwind CSS to visualize inventory depletion curves, stockout risk telemetry, and imprint-level forecast accuracy scores.
- Type-Safe Full-Stack Frontend Architecture: Built a high-density, enterprise Web UI leveraging React 18, TypeScript, and Vite, enforcing strict type safety, modular component separation, and scalable state management.
- Multi-Dimensional Data Filtering & Responsive UX: Implemented fluid responsive layouts and multi-faceted filtering across imprints, binding formats (Hardcover, Trade Paperback), and publication cycles (Frontlist vs. Backlist).
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.
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.
- 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
- 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
- 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
- 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
- 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
- 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
school
Ridgewater College
Hutchinson, MN
CVMP (Computer Video Multimedia Production) / AAS
rocket_launch
Personal Projects
rocket_launch
Drone Piloting
Plymouth, MN
200+
Flight hours between 6 drones
2014 - Present
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