Projects
Info and links to some of my projects
Cortex
In Progress
React
Node
GraphQL
Decorative image
I'm working on building a proof of concept for rendering the same set of React components across targets (web, native mobile, native desktop, and email). This is primarily a learning experience for me and a proof of concept, rather than a real application to be used by others; I want to see if I can use a single set of GraphQL connected React components across multiple platforms. This project has a GraphQL API using Node connected to dummy data, an npm component library using Apollo to connect component data to the API, and a set of clients that consume the component library with some wrapping platform-specific code; the clients include web (using React DOM with Next.js), native mobile (using React Native with Expo), and native desktop (using Electron with Next.js).
Hideaway
In Progress
React
Node
Decorative image
When trying to focus on a task there are often a lot of distractions. I'm building a Mac app to escape distractions for a set amount of time. You start the timer to "hideaway" from the distractions. This closes extra apps, turns on do not disturb, hides the dock, and lets you run any other scripts you'd like. Then, when the timer is done, it resets your Mac back to the state it was in before the hideaway session. I'm building it with Node (Electron) and React (Next.js).
Dog Bathroom Button
Unix
Node
Hardware
Decorative image
I attached a physical button to a Raspberry Pi for my dog to press with his paw when he needs to go to the bathroom. The button runs a Node program which sends me a text message saying "I need to go to the bathroom!" from my dog.
egghead Instructor Center
React
Decorative image
I built the initial production egghead Instructor Center. It was a React web app. It was for egghead instructors to get onboarded, submit lessons, view their royalties etc.
egghead component library
npm
React
Decorative image
I built the initial production egghead.io React component library which is used across egghead apps. It contains React components, pages of composed components, and general JavaScript utilities. It outputs an npm library as well as a living stle guide / documentation app from the library source. The app lets you randomize component and utility input to ensure data input is flexible. It also lets you add padding and other "side effects" to see how the components work when placed in different situations.
Nova
npm
Decorative image
I enjoy things that are simple, beautiful, and easy to use. I always wanted to create a custom color scheme to use with my different tools and projects, so I teamed up with a designer and created it. I built it as a stand-alone npm library that I could use across my code editor, terminal, and even personal websites and apps - like this one! It includes my favorite colors in my favorite flat/pastel style. Although I built it primarily for myself, I made it open source so anyone can use it if they also happen to like the style.
Settings
Unix
Decorative image
I like to stay organized. I use this settings repo to automate as much of my settings as possible, and document the rest. I also write shell scripts for repetitive tasks and keep them here.
Practical Git for Everyday Professional Use
Unix
Git
Decorative image
Many coders struggle with the command line. Over the years, the command line has become increasingly important in my workflow and it is absolutely amazing. I created this video course to help developers feel confident with using Git from the command line.
Publish JavaScript packages on npm
Unix
npm
Node
Decorative image
I made this 20 minute long video course to help programmers learn how to share their own code on npm. It can seem scary at first, but learning how to do this can open up a world of new possibilities for you and your team.
React Testing Cookbook
React
Node
Decorative image
I've grown to like testing, especially for creating "pure" modules that just transform data or render something. I taught this video course to show some of the ways I test my web apps.
This website
React
Decorative image
I built this website using React rendered with Next.js. It is hosted on now. I try to update it often and use it as an example of my current technology choices.
Guitar Lessons
React
Decorative image
A collection of guitar lessons using the way I understand music. Designed to help guitarists go beyond tabs and memorizing songs to really understanding how everything works together.
Domo Mobile Web
React
Node
Decorative image
I helped create the initial production mobile web app for Domo. It was built with React, Redux, complex data transformation, realtime chat, Node scripts, many other features and tools.
LDS Church History
Node
Decorative image
I helped create the LDS Church History web app, which at the time included some new complex challenges like using Node for our API, server side rendering, interactive maps, and mobile first immersive visual effects.
Perfect Particle
React
Decorative image
I love music. I also enjoy composing. Perfect Particle is the name I use to release my recordings. I mainly create instrumental music that blends multiple styles like post rock, math rock, modern jazz, and ambient. I'm a guitarist at heart. I primarily compose with and play guitar, but I layer bits of synth and other instruments together.
Subscribe to my newsletter if you want to get emailed when I publish new blog posts and projects. No spam.
Follow elsewhere if you want to see my updates. Mostly posts about code.