A little bit about me
🔨 I build things
I build full-stack web and mobile apps using primarily JavaScript and Python tooling. React and Svelte for frontend web, React Native for mobile, and Node.js on the backend, and Python for automation.
🏹 I lead teams
Building large-scale software is a team sport, and I love leading by example. I'm a strong communicator who fully embraces the non-technical side of software development.
🖌 I design things
Though I'm not trained as a designer, I enjoy thinking about design and user experience. I'm particularly fascinated with graphics/modeling and animation.
Projects
Various non-private projects I've hacked on lately.
React Native ZephyrTailwindCSS-inspired styling library for React Native. |
... |
ClipsA screen recording app built with web technologies. |
... |
MandelbruhA mandelbrot fractal generator built with raw WebGL and Svelte. |
... |
Personal PokeDexA couch-project I put together while exploring Next.js static site generation. Parsed CSVs of Pokemon data to statically-generate a site with hundreds of highly-optimized pages. Used Node tooling to extract vibrant colors to spice up the app's design. |
... |
React Dynamic GeometryA React library for creating dynamic geometry boards. This was a "could I do that?" project, and was more for fun than for real-world use. Uses React, TypeScript, Jotai, and MATH. |
... |
CIE Color ConverterA dependency-free JS library to convert between 7 different color spaces. Lots of fun matrix maths. |
... |
GifMakerBrowser-based FFMPEG video converter. Handy for turning .mov files into GIFs. |
... |
React Native Animation SamplesAn ongoing playground for creating snippets of cool animations in React Native using React Native's built-in Animated API. A fun place for me to explore mobile animation techniques. |
... |
Conference talks
Modern Animating in React Native
An introduction to React Native Reanimated V2. Presented at React Native EU 20201.
Blog posts
Iterables in JSA quick glance at iterables in JavaScript. |
From React Web to React NativeWhat to expect when moving from React Web to React Native. |
Intro to Reanimated 2An introduction to React Native Reanimated V2, with illustrative example. |
Tilt Carousel with React NativeUsing React Native's FlatList component to create a "Tilt Carousel". |
Webp-ing Your Site for Faster ImagesHow to create WebP images and load them in a front-end app. |
Keyboard Display with CSS GridUsing CSS grid to create a keyboard display. |