Portfolio Highlights
I'm a Staff Software Engineer with a passion for building delightful, intuitive, and performant user interfaces. While the following examples are from mobile, I'm front-end agnostic when it comes to technology and have a strong background in web UI, with a preference for working in TypeScript. My experience extends beyond the front end, with a deep understanding of infrastructure, systems design, and dev-ops. Here is a selection of my work demonstrating my expertise in UI/UX, animations, and design systems.
Interactive 3D Reward System
An interactive, 3D reward system built with React Native, Expo-GL, and three.js. I architected a custom reward screen that features a tap-to-burst animation and a pan gesture handler that allows the user to manipulate a 3D coin. I also leveraged Reanimated for the number shuffle animations, which creates a delightful and performant user experience.
Foundational Design System
I architected and led the development of a foundational UI component library and a strictly-typed typography system, which ensures a consistent user interface and significantly increases engineering velocity. One core piece of this system was a declarative modal provider, which acts as a router, selecting the appropriate layout and content based on the modal's type. This system is composable and scalable, allowing developers to easily create and manage complex UI experiences.
Modals
Link to the Gist for the modal code
Typography
Link to the Gist for the typography code
Delightful User Interactions and Animations
My passion is in transforming standard user flows into seamless and delightful experiences. I've built a variety of custom animations and interactions from scratch, including an animated bar graph with gradient bars and a custom animation for 2-factor authentication that makes the process feel intuitive and fun.
Bar Graph Animation
Link to the Gist for the bar chart code
2-Factor Animation
Link to the Gist for the 2-factor animation code
Interactive Cashout Tab
I built a custom, interactive tab navigation component for our app's central "Cashout" feature. The tab is "cut out" to display a 3D-looking Copper Cred, which spirts out three mini creds behind it each time the user navigates to the tab. This feature, which only appears when the user has enough creds to cashout, transforms a standard navigation element into a joyful and rewarding user interaction.