← Back

Projects

Lately I've been obssessed with open source software which I keep on GitHub. I've been writing JavaScript professionally for around 4 years, and have become an expert with some of the latest and greatest frontend frameworks including virtual-dom, AngularJS, ReactJS and most recently Next.js.

next-offline

make your Next.js application work offline using service workers via Google's workbox

⭐️ 1546
·
JavaScript
trends

ultra high performance github trending application

⭐️ 479
·
TypeScript
react-drag-drawer

A responsive mobile drawer that is draggable on mobile, and falls back to a modal on desktop

⭐️ 155
·
JavaScript
chirp

🐦 A cross platform twitter application

⭐️ 126
·
JavaScript
remark-slate

Remark plugin to compile Markdown as a slate 0.50+ compatible object.

⭐️ 118
·
TypeScript
facebook-data-parser

A node app for parsing facebook data and outputting pretty graphs

⭐️ 104
·
JavaScript
github-native

📱 mobile github client built with react-native

⭐️ 95
·
Objective-C
react-kanban

Beautiful Kanban implementation built on react-motion

⭐️ 41
·
JavaScript
await-exec

Small wrapper around node's child_process exec command, allowing it to easily be used with async/await

⭐️ 29
·
JavaScript
Instachrome

📸 Browse Instagram from anywhere

⭐️ 28
·
JavaScript
uber-chrome

🚗 Chrome extension allowing you to call an Uber from your desktop

⭐️ 21
·
JavaScript
bundle-cop

🚓 compare webpack stats between branches

⭐️ 19
·
JavaScript
personal-website

My personal website, it's also a PWA

⭐️ 16
·
TypeScript
Veneer

A simple chrome extension for writing custom CSS on all websites

⭐️ 16
·
JavaScript
angular-notify

A super tiny angular service with a easy API for using browser notifications.

⭐️ 15
·
JavaScript
defer-render-hoc

defer expensive react renders until the next two rAF's

⭐️ 15
·
JavaScript
react-fab-fan

Floating action button fan built with react and react-motion

⭐️ 13
·
JavaScript
next-static-manifest

Create a static page manifest of your Next.js exported html pages, allowing you to route to dynamic HTML pages

⭐️ 11
·
TypeScript
react-page-transition

drop in react page transition component

⭐️ 10
·
JavaScript
add-component

Generate a PureComponent or Functional Component, stylehseet and a test in one command

⭐️ 10
·
JavaScript
angular-vdom

angular .component() wrapper for virtual-dom components

⭐️ 10
·
JavaScript
react-tooltip-portal

Small unopinionated react tooltip library that utilizes React 16's Portal API

⭐️ 8
·
JavaScript
use-loadable

React hook for knowing when an async function is loading or had an error

⭐️ 8
·
JavaScript
angular-toast

Micro angular pop up library

⭐️ 8
·
HTML
angular-phone-input

An easy to use directive for formatting / capturing phone numbers

⭐️ 6
·
HTML
bi-directional-mfe

Webpack 5 Microfrontend, with Relay hooks and React Suspense

⭐️ 6
·
JavaScript
render-react-from-cms

render react components that are intertwined in wysiwyg output

⭐️ 5
·
JavaScript
react-flick-list

react bindings for kinetic scrolling

⭐️ 5
·
JavaScript
cloudinary-export

streamingly export all images from cloudinary

⭐️ 5
·
JavaScript
react-scroll-listen

efficiently save the scroll position of the document.body in React

⭐️ 5
·
JavaScript
simple-angular-dialog

Small library for creating dynamic modals with angularjs

⭐️ 5
·
JavaScript
angular-sidebar

super small, mobile ready, vanilla angular sidebar component

⭐️ 4
·
JavaScript
trends-sidebar

Chrome extension for trends.now.sh

⭐️ 3
·
JavaScript
await-wrap

use async/await without try/catch blocks

⭐️ 3
·
JavaScript
animate

drop in, easy to use, natural looking animations with 0 config

⭐️ 3
·
JavaScript
react-document-visibility

functional react component that re renders and informs children when the document is currently focussed or not

⭐️ 3
·
JavaScript
miniflare-shared-test-environment

Bug with r2_persist / jest-environment-miniflare

⭐️ 2
·
JavaScript
worker-rp-pages

⭐️ 2
·
TypeScript
relay-swc-jest

⭐️ 2
·
TypeScript
next-version-file

⭐️ 2
·
TypeScript
remove-cors

Small Proxy for removing CORs headers

⭐️ 2
·
JavaScript
mfe-poc

Simple project implementing a Module Federation Micro frontend

⭐️ 2
·
JavaScript
dot

setup / startup scripts for new computers / HDD's

⭐️ 2
·
Shell
pnpm-peer-deps

⭐️ 2
·
JavaScript
Website-Downloader

Node script for downloading list of websites

⭐️ 2
·
JavaScript
fast-flix

set playback speed of any HTML5 video on the internet

⭐️ 2
·
JavaScript
website-performance

Gather common performance metrics from a website like Time To Interactive (TTI) and DOMContentLoaded

⭐️ 2
·
JavaScript
sink

Store a local files/directories in iCloud drive ☁️

⭐️ 2
·
JavaScript
check-in

react native + yelp fusion API

⭐️ 2
·
JavaScript
ci-github

easily comment on github commits / PR's from CircleCI or TravisCI

⭐️ 2
·
JavaScript
url-constructor

A small library for dynamically matching urls with parameters

⭐️ 2
·
JavaScript
react-zipcode

micro zipcode input with validation, mobile keypad keyboard built for react

⭐️ 2
·
JavaScript
install-resolver

never guess whether a project is using yarn or npm again

⭐️ 2
·
JavaScript
intersection-observer-image-grid

simple example using intersection-observer's in a react application

⭐️ 2
·
JavaScript
now-playing

GraphQL + The movie database + Apollo & Next.js

⭐️ 2
·
JavaScript
react-pinch-to-zoom

⭐️ 2
·
JavaScript
pipe-fns

helper function enabling easy functional piping

⭐️ 2
·
JavaScript
credit-cards-react

Fork of react-credit-cards with css-in-js support

⭐️ 2
·
JavaScript
angular-disable-inflight

Angular directive for disabling elements while requests are in flight

⭐️ 2
·
JavaScript
many-workers

⭐️ 1
·
JavaScript
12.2-exports

⭐️ 1
·
JavaScript
bug-swcMinify-next-12.1.1

⭐️ 1
·
JavaScript
relay-swc-monorepo

⭐️ 1
·
TypeScript
many-relay-next

⭐️ 1
·
TypeScript
relay-compiler-ci

⭐️ 1
·
TypeScript
next-on-pages-32

⭐️ 1
·
TypeScript
next-on-pages-42

⭐️ 1
·
TypeScript
chrome-version

library for getting major chrome version from a user agent string

⭐️ 1
·
JavaScript
tinder-chrome

browse tinder from anywhere using this nifty chrome extension

⭐️ 1
·
JavaScript
react-flip-list

react <List /> component with FLIP animations built in

⭐️ 1
·
JavaScript
angular-date-input

angular directive to streamline inputting dates

⭐️ 1
·
JavaScript
react-commit

lazily execute async functions on user initiated action

⭐️ 1
·
JavaScript
react-state-component

functional react component that exposes an additional external state to children

⭐️ 1
·
JavaScript
required-parameter

require parameters when functions are invoked

⭐️ 1
·
JavaScript
add-shallow

easily generate a shallow render test with one command

⭐️ 1
·
JavaScript
apple-maps

small repo demonstrating how to recreate part of Apple maps native UI using web technology

⭐️ 1
·
JavaScript
website-performance-hoc

react bindings for the website-performance NPM module

⭐️ 1
·
JavaScript
react-freeze-body

Declaratively apply overflow: hidden to the document.body

⭐️ 1
·
JavaScript
full-height-hoc

Loop over elements so a page can use flexbox height

⭐️ 1
·
JavaScript
preload-component

preload an array of image URL's the react way

⭐️ 1
·
JavaScript
scrolltop-on-mount

react HOC that resets window scrollTop on mount

⭐️ 1
·
JavaScript
add-deploy

generate circleci deployment scripts for now and heroku hosted node apps

⭐️ 1
·
JavaScript
cacher

chrome extension for overwriting and adding permanent cache headers on all assets

⭐️ 1
·
JavaScript
twitter-popup

⭐️ 1
·
JavaScript
react-resize-width

Notify a component in react when the document.body is resized

⭐️ 1
·
JavaScript
react-touchable-component

Touchable / draggable react component with an easy to use API

⭐️ 1
·
JavaScript
request-callback

requestIdleCallback polyfill

⭐️ 1
·
JavaScript
storybook-deploy

⭐️ 1
·
JavaScript
react-flexbox-helpers

Helper components for quickly using flexbox with React

⭐️ 1
·
JavaScript
is-webapp

Detect if website was launched from mobile phone homescreen

⭐️ 1
·
JavaScript
react-github-badge

A 'Star on github' badge made for react

⭐️ 1
·
JavaScript
hanford.github.io

Home page

⭐️ 1
·
HTML
react-image-loaded

Add a nice animation as soon as an image is loaded

⭐️ 1
·
JavaScript
array-dedupe

remove duplicated instances from an array by object key values

⭐️ 1
·
JavaScript
angular-maxlength

Small directive for _really_ enforcing maxlength

⭐️ 1
·
JavaScript
angular-faux-loader

Directive for displaying a loading message while data is coming in

⭐️ 1
·
JavaScript
ng-panel

ng-panel is an angular directive for compiling child elements

⭐️ 1
·
JavaScript
angular-sticky-thead

⭐️ 1
·
JavaScript
react-sherlock

react input with nlp superpowers

⭐️ 1
·
JavaScript
is-link-pdf

Detect if image link contains '.pdf'

⭐️ 1
·
JavaScript
angular-restrict-number

Directive for enforcing inpuit's ngModel is always a number

⭐️ 1
·
JavaScript
code-splitting-tutorial

Small react/react-router4 code splitting boilerplate

⭐️ 1
·
JavaScript
angular-sherlock

⭐️ 1
·
JavaScript
angular-image-reveal

⭐️ 1
·
HTML
MobileGit-Server

⭐️ 1
·
JavaScript
5secondGame

An old game I remember playing in elementary school...

⭐️ 1
·
CSS
Bookmarker

A simple chrome extenstion to open all my bookmarks in the background.

⭐️ 1
·
JavaScript