Code

Gatsby Starter i18n React i18next

Build great-looking multilingual websites and apps with React using Gatsby.

:: React / TypeScript / Jest / Chakra UI

screenshot
English by default

screenshot
Toggled to Bahasa Indonesia

Build great-looking multilingual websites and apps with React using Gatsby.

Archuro

Build minimal, portable application development environments on macOS.

:: Docker / Bash5 / Stow / Homebrew / p10k / VS Code

Archuro

Simplicity is a great virtue but it requires hard work to achieve it and education to appreciate it. And to make matters worse: complexity sells better.

Edsger Wybe Dijkstra

Lumpen Radio

Stream Audio with the React Native iOS app for WLPN-LP 105.5 Chicago.

:: React Native / Obj-C / ES6 / StreamingKit / Traefik

Accessible, multilingual audio provider and remote control for StreamingKit. Built without fee for Public Media Institute (PMI) and maintained since 2015.

Lumen Radio was previously featured on the React Native Showcase in 2015—2016, basis for derivative React Native Audio Streaming and its forks, and inspiration for the once-popular RN Webpack Starter Kit boilerplate project.

After Dark

Build secure websites with Hugo's most advanced Dark Theme Website Generator.

:: Node / Vue / ES6 / Fuse / Docker / CSS3 / Bash

after dark homepage

After fighting with WordPress on my personal blog for 5 years starting back in 2008 I like many others switched over to static. With Jekyll as my generator I found a lot to love over the years. After 3 years and an increasing amount of content I became familiar with Jekyll’s speed and scaling issues and ended up resorting to workarounds to avoid them, hurting my publishing cadence in the process.

Dissatisfied with Jekyll and after considerable product analysis I eventually discovered Hugo. Before switching I performed a multi-year experiment with Hugo before deciding to jump ship for good. After Dark was the result.

Hyperdrive

Increase the speed of WordPress 300% or more with one plug-in.

:: Fetch Inject / PHP / WordPress / Kahlan / Patchwork / Composer / Packagist

hyperdrive logo

Hyperdrive is a WordPress plugin wrapping Fetch Inject library to increase site performance using modern Web standards. Based on initial testing Hyperdrive was shown to reduce perceived latency in WordPress by 200-300%.

High Tea

Self-hosted full-stack Gitea service designed for use with Traefik.

:: Gitea / Traefik / Docker / Ini

High Tea is an After Dark extra that pairs Gitea with Traefik enabling you to manage source code online using an intuitive and fast web-based interface:

Toxic Swamp

Monetize attention to earn a passive, borderless income on your website.

:: HTML / CSS / JavaScript / Mono / Docker / Wasm

Toxic Swamp is a crypto miner add-on for After Dark providing an interactive toolbar UI enabling content creators a means of monetizing their creative work.

Fetch Inject

Fetching async loader and DOM injection sequencer for the Web.

:: JavaScript / ES2015 / Rollup

I conceived of a new technique for managing asynchronous dependencies hacking away at a coffee shop called 9-11 in Bali back in 2017. Fetch Inject is a tiny JavaScript library and Node module making it possible to deep link to full-sized After Dark Image Gallery images without blocking or slowing down page load.

Jekyll Money

A Ruby Gem for dealing with money in Jekyll and Liquid templates.

:: Ruby / Bundler / Jekyll / BigDecimal / Money

While trying to calulate discount promotion costs for Lovarindo Rentals I ran into friction calculating promotions in Jekyll. It wasn’t Jekyll’s fault, per se, though it was a shortcoming in Liquid and had to be fixed.

Brunch with Panache

A modular approach to building web apps with Brunch.

:: Node / CoffeeScript / Cordova / Backbone / Chaplin / Brunch / Sass / Handlebars / Swag / Hapi / Browser Sync / Jake

I created BWP while leading the UI team at Trunk Club, a Chicago startup I joined 18 months prior to exit. Apps using this framework were based on my experiences scaling up an enterprise e-commerce Web app for sears.com and kmart.com.

React Native Webpack Starter Kit

Build your React Native app with Webpack and Babel.

:: Docker / Webpack / React Native / ES6 / Xcode

Starter Kit developed to add a Webpack asset pipeline to early versions of React Native gaining more than 888 stargazers before I decided to self-host my source.

Streamlines the development workflow of early versions of React Native, making it possible to develop applications cross-platform (unsupported at the time).