Projects
Info and links to some of my projects
Cortex
In Progress
React
Node
GraphQL
MongoDB
Decorative image
I'm working on building a free, open souce, lightweight, "Spaced Repetition Software" to help you remember the things you learn. I hope the final production app is useful, but this is primarily a learning experience for me; I want to see if I can use a single set of GraphQL connected React components across multiple platforms. This project has a Mongo database, GraphQL API using Node, npm component library using Relay Modern, 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).
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.
Record programming screencasts
General
Decorative image
I created this video course to teach programmers how to make code screencasts to help them share their knowledge with other developers.
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.
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.
Subscribe to my newsletter to be notified when I publish new things. No spam.