Designering in Figma, coding in Neovim
Projects
Boost is a sophisticated query cache to drastically improve database performance. As data changes in the underlying tables, the cache is updated as well. I designed the UI for managing your Boosted queries.
Our Insights feature lets users monitor the performance of their database queries. I designed interactive graphs for viewing various metrics and timeframes.
Beam is an open-source blog-like app for your company or organization. It was designed in the spirit of the Team app used at GitHub. Posts are written in Markdown, images can be dragged and dropped into the editor, people can add comments and "like" posts.
Spent most of 2021 designing this app from scratch through to beta and GA. PlanetScale is a serverless database that is absurdly scalable (underlying tech powers YouTube) and developer-friendly (branch and merge schema changes like in Git). We're using Next.js and Tailwind.
Designed the logo for the (new at the time) NeoVim project.
Created the Git logo and designed the website (which desperately needs to be redesigned again).
Side Projects
A browser extension for Chrome/Brave and Firefox that lets you toggle between your regular GitHub contribution chart and an isometric pixel art version.
I updated my forever-half-finished personal site to be extremely minimal and easy to maintain. I built it with Astro and really enjoyed the DX. The site is currently a single page implemented with an `.mdx` file that gets converted to html which I then style to look like Markdown again. 🤓
I built an animated SVG for my GitHub README. It updates daily with today's weather, how long I've been at my new job, and what day it is. It does this with some Javascript, the Accuweather API, and the animated SVG template itself.
Generate beautiful tiling SVG patterns from a string. The string is converted into a SHA and a color and pattern are determined based on the values in the hash. The color is determined by shifting the hue and saturation from a default (or passed in) base color. One of 16 patterns is used (or you can specify one) and the sizing of the pattern elements is also determined by the hash values.
Writing
A look at creating generative patterns using the values from a SHA-encoded string. This is the technique I used to build the GitHub Identicons and geo_pattern library.
Work Experience
Designing the UI for an awesome new serverless database tool.
Got to work on a ton of fun projects. See the list below for more details.
Lots of Ruby on Rails projects. Gradually decided to focus more on design over these years.
Early e-learning company. Used ASP and JSP. Last couple of years spent as a manager.
A lifetime ago. Worked on an EDI system using Visual C++ and MFC.