Contact
I worked at the fashion search engine ShopStyle for 3.5 years. During my time there I became the tech lead and frontend manager for ShopStyle Collective. Collective is an affiliate program that helps thousands of influencers monetize their blogs and social networks. My team and I built and maintained a hybrid mobile app, an angular app for the web, and some embeddable 'widgets' that influencers could place on their blogs to help them make more money doing what they love.
Technologies used: Angular, D3.js, Coffeescript, Typescript, Ionic, Cordova, Grunt, Gulp, Webpack, HTML, CSS
The metronome for the hungry, on the go musician. I jumped head first into this one to learn more about React and the web audio context. It's a metronome that has a few different click sounds, lets you accent the first beat, change time signatures, and adjust the volume. All while you get to watch a cartoon cookie get eaten - what else could you need :P
Technologies used: Reactjs, Javascript (ES6), Web Audio API
Wrangler first started as a little side project of mine but then blossomed into one of the main testing tools for ShopStyle and POPSUGAR. The idea for Wrangler came about when I was frustrated with the current manual testing setup we had - a bunch of excel docs. Wrangler gets ticket and fix version data from the Jira API, then puts it all together in a place where people can easily see what they need to test. People write test plans in the Jira ticket, and whoever gets assigned that ticket goes through the steps and passes or fails the test plan. Tickets can have multiple test plans, minimum numbers of testers, and there is logic to make sure people get assigned randomly but not to their own ticket. Meteor was an idea choice because it is built with real time in mind, so as people are testing it updates everyone's browser. The video below demonstrates the basic flow of test setup by an admin and testing by a user, and the beloved little reward of a gif when you complete all tests.
Technologies used: Meteor.js, MongoDB, Javascript, HTML, CSS
I wanted my band's website to be super simple, load fast, and get straight to the point. I also chose to take inpiration from the brutalist websites out there I like to browse sometimes. All the javascript and styles are injected straight into the page, meaning the only external dependencies are the images. Also, it's just one page! Nice and simple.
Technologies used: Javascript, Gulp, Amazon AWS (S3, Cloudfront, Route53), HTML, CSS
Well, I'm not gonna lie. This one is pretty silly. I resurrected an old game of snake I made in 2013, refactored into ES6 land, added audio, and made it into a standalone 404 error page. The goal of the game is to collect all of Bach's "lost notes" so you can help him write one of the solo violin sonatas. One of the more fun parts was working with the Web Audio API to make a little synth that could read notes in the format 'Bb4-C4-D4' and translate it into tones. This snake game is kind of tricky to get the hang of, especially on mobile. It has a little bit of that "it's hard so it's fun" thing that flappy bird had. If you get all the notes, you get to hear the whole tune in glorious 8-bit (is that the right number?) tone!
Technologies used: Javascript (ES6), Gulp, Webpack, Babel, HTML, CSS
Lyrical Miracle was the first app I built after completing App Academy in September 2013. It is a clone of Rap Genius - a place where people can upload lyrics to songs and annotate them. I haven't touched the code since 2013, and it currently lives on a free dyno tier on Heroku. Just a warning: free heroku tiers are super slow, so it might take a while to load if you check out the live site.
Technologies used: Ruby on Rails, Backbone.js, Bootstrap, jQuery, HTML, CSS