×

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.

trends

ultra high performance github trending application

⭐️ 338
·
JavaScript

next-offline

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

⭐️ 333
·
JavaScript

chirp

🐦 A cross platform twitter application

⭐️ 118
·
JavaScript

facebook-data-parser

A node app for parsing facebook data and outputting pretty graphs

⭐️ 94
·
JavaScript

github-native

📱 mobile github client built with react-native

⭐️ 92
·
Objective-C

react-drag-drawer

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

⭐️ 42
·
JavaScript

Instachrome

📸 Browse Instagram from anywhere

⭐️ 26
·
JavaScript

react-kanban

Beautiful Kanban implementation built on react-motion

⭐️ 25
·
JavaScript

Veneer

A simple chrome extension for writing custom CSS on all websites

⭐️ 19
·
JavaScript

uber-chrome

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

⭐️ 17
·
JavaScript

angular-notify

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

⭐️ 16
·
JavaScript

bundle-cop

🚓 compare webpack stats between branches

⭐️ 12
·
JavaScript

add-component

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

⭐️ 10
·
JavaScript

react-fab-fan

Floating action button fan built with react and react-motion

⭐️ 10
·
JavaScript

angular-vdom

angular .component() wrapper for virtual-dom components

⭐️ 9
·
JavaScript

defer-render-hoc

defer expensive react renders until the next two rAF's

⭐️ 9
·
JavaScript

angular-toast

Micro angular pop up library

⭐️ 8
·
HTML

simple-angular-dialog

Small library for creating dynamic modals with angularjs

⭐️ 6
·
JavaScript

angular-phone-input

An easy to use directive for formatting / capturing phone numbers

⭐️ 5
·
HTML

angular-sidebar

super small, mobile ready, vanilla angular sidebar component

⭐️ 5
·
JavaScript

dot

setup / startup scripts for new computers / HDD's

⭐️ 4
·
Shell

cloudinary-export

streamingly export all images from cloudinary

⭐️ 4
·
JavaScript

render-react-from-cms

render react components that are intertwined in wysiwyg output

⭐️ 4
·
JavaScript

react-scroll-listen

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

⭐️ 4
·
JavaScript

react-document-visibility

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

⭐️ 3
·
JavaScript

await-exec

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

⭐️ 2
·
JavaScript

react-tooltip-portal

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

⭐️ 2
·
JavaScript

personal-website

My personal website, it's also a PWA

⭐️ 2
·
JavaScript

credit-cards-react

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

⭐️ 2
·
JavaScript

pipe-fns

helper function enabling easy functional piping

⭐️ 2
·
JavaScript

intersection-observer-image-grid

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

⭐️ 2
·
JavaScript

react-pinch-to-zoom

⭐️ 2
·
JavaScript

angular-disable-inflight

Angular directive for disabling elements while requests are in flight

⭐️ 2
·
JavaScript

now-playing

GraphQL + The movie database + Apollo & Next.js

⭐️ 2
·
JavaScript

ci-github

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

⭐️ 1
·
JavaScript

preload-component

preload an array of image URL's the react way

⭐️ 1
·
JavaScript

atom-theme

simple atom theme with a subtle gradient background

⭐️ 1
·
CSS

Bookmarker

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

⭐️ 1
·
JavaScript

scrolltop-on-mount

react HOC that resets window scrollTop on mount

⭐️ 1
·
JavaScript

check-in

react native + yelp fusion API

⭐️ 1
·
JavaScript

website-performance

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

⭐️ 1
·
JavaScript

add-shallow

easily generate a shallow render test with one command

⭐️ 1
·
JavaScript

react-state-component

functional react component that exposes an additional external state to children

⭐️ 1
·
JavaScript

apple-maps

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

⭐️ 1
·
JavaScript

cacher

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

⭐️ 1
·
JavaScript

tinder-chrome

browse tinder from anywhere using this nifty chrome extension

⭐️ 1
·
JavaScript

await-wrap

use async/await without try/catch blocks

⭐️ 1
·
JavaScript

url-constructor

A small library for dynamically matching urls with parameters

⭐️ 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

sink

Store a local files/directories in iCloud drive ☁️

⭐️ 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

react-flick-list

react bindings for kinetic scrolling

⭐️ 1
·
JavaScript

website-performance-hoc

react bindings for the website-performance NPM module

⭐️ 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

fast-flix

set playback speed of any HTML5 video on the internet

⭐️ 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

required-parameter

require parameters when functions are invoked

⭐️ 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

double-sort

sort an array by two object parameters

⭐️ 1
·
JavaScript

angular-faux-loader

Directive for displaying a loading message while data is coming in

⭐️ 1
·
JavaScript

angular-date-input

angular directive to streamline inputting dates

⭐️ 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

chrome-version

library for getting major chrome version from a user agent string

⭐️ 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

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

react-zipcode

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

⭐️ 1
·
JavaScript

angular-sherlock

⭐️ 1
·
JavaScript

angular-image-reveal

⭐️ 1
·
HTML

MobileGit-Server

⭐️ 1
·
JavaScript

Website-Downloader

Node script for downloading list of websites

⭐️ 1
·
JavaScript

5secondGame

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

⭐️ 1
·
CSS

add-deploy

generate circleci deployment scripts for now and heroku hosted node apps

⭐️ 1
·
JavaScript