Kinship

Lead Interface Engineer • 2019-2024

Cross-platform relationship management app

Developed and maintained the frontend for Kinship, a mobile-first app and web platform built in React Native and React that helps users maintain connections with personal and professional contacts. Worked to ship features, refine UX, and polish the product from early beta through acquisition by connecting to backend APIs and native device features.

• Built UI components for iOS, Android, and web, integrating native device features like calendar sync, contact imports, camera, and photo library
• Implemented Redux state management for complex data flows between backend API and platform-specific features
• Collaborated with founders on product strategy, information architecture, and UX, contributing copywriting and user flows alongside code
• Successfully shipped to iOS App Store and Google Play Store, maintaining 4.5+ star ratings through regular feature releases
• Guided product stabilization and feature refinement through acquisition by Copia Wealth Studios

• React Native
• React
• Redux
• iOS
• Android
• Mobile-First Design

PODS

Redesign and replatform of Pods.com

Tech director and lead developer for agency's strategy, design and front-end engagement to modernize the Pods.com website design and stack.

• Wrote responsive, light-weight, dynamic components in HTML5, CSS3/Sass, JS ES6, and Razor within a Bootstrap 4 grid
• Collaborated closely with back-end partner to build robust Sitecore components in organized sprint cycles
• Enforced front-end standards through Gitlab pull request approval process

LISTA Configurator

3D cabinet customization web app

A 3D tool cabinet customizer for Stanley Black & Decker Storage Solutions' Lista® brand. Built with a React framework UI updating a three.js 3D cabinet rendering, the user can choose from a multitude of options and see their selections reflected immediately. Users can save cabinet configurations, see multiple in comparison, and get pricing estimates for orders.

• Coded the 3D model portion of the app in three.js to run on both desktop and mobile devices
• Re-rendered cabinet dimensions, colors and other features triggered by React integration
• Used both imported models and created native geometries to render wheels, handles, doors, housing, etc.
• Generated multiple screenshots for thumbnails and at relative scale for side-by-side comparison

BMW Inventory

SPA to search and filter new vehicle inventory

Primary developer on the first web-based new vehicle inventory service for BMW North America. Users can search for vehicles, filter results, and view vehicle details.

• Developed an AngularJS single-page app on BMW's AEM platform
• Connected to multiple APIs to to provide search results, dealer information and vehicle details based on ZIP code
• Worked in an Agile process with the BMW BYO app squad for both design and code consistency

Hershey's Redesign

White label component library for use across Hershey's websites

A new design system for the Hershey's brands network that delivers consistency for both global elements and customizable, re-usable components to fit different brands' needs.

• Wrote component frontends in HTML, CSS, and JS/jQuery by mocking up content in Handlebars.js for hand off to the client's internal backend team
• Validated component integration in client's AEM setup
• Worked closely with product and design teams to created robust, well-documented designs and specs

Windstream CX Tool

Animated, interactive, customer experience tool for internal training

Windstream asked for a training tool to help their customer experience reps better understand where customers were on their journeys, and where they should go next.

• Built with an in-house Canvas UI helper library, Imp.js by Mike Cornell
• Collaborated with lead dev to create journeys and paths, and add content
• Tweaked animations, speed and timing

Banana Republic : True BR

Replatformed individual static sites into an internationalized multisite

Under a tight deadline, migrated the True BR international static sites to a single platform: an internationalized Wordpress multisite.

• Wrote flexible components in HTML, CSS, JS/jQuery, and PHP for Wordpress templates
• Ensured components could be localized for non-Roman and right-to-left alphabets
• Worked closely with backend and other frontend engineers to divvy up work and ship as quickly as possible
• Designed the IA, based only on the pre-existing static sites, to minimize redundant content entry