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 Zephyr TailwindCSS-inspired styling library for React Native. 👀 View the docs	...
Clips A screen recording app built with web technologies. 👀 Check it out	...
Mandelbruh A mandelbrot fractal generator built with raw WebGL and Svelte. 👀 Check it out	...
Personal PokeDex A 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. 👀 Check it out	...
React Dynamic Geometry A 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. 👀 View the source with some examples	...
CIE Color Converter A dependency-free JS library to convert between 7 different color spaces. Lots of fun matrix maths. 👀 View the source	...
GifMaker Browser-based FFMPEG video converter. Handy for turning .mov files into GIFs. 👀 Check it out	...
React Native Animation Samples An 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. 👀 View the source	...

Conference talks

Modern Animating in React Native

An introduction to React Native Reanimated V2. Presented at React Native EU 20201.

Blog posts

What the hex? An exploration of the hex color code representation.

Screen and Webcam Mixing and Recording with Web APIs Using Web APIs to create a screen and webcam recording app.

Iterables in JS A quick glance at iterables in JavaScript.

From React Web to React Native What to expect when moving from React Web to React Native.

Intro to Reanimated 2 An introduction to React Native Reanimated V2, with illustrative example.

Tilt Carousel with React Native Using React Native's FlatList component to create a "Tilt Carousel".

Webp-ing Your Site for Faster Images How to create WebP images and load them in a front-end app.

Keyboard Display with CSS Grid Using CSS grid to create a keyboard display.