Likeable Local

Technology :

About:

• Designed new version of the app from the ground up
• Lead developer for single page app that allows users to easily create and edit their own website
• Refactored nearly all front end code
• Responsible for the design of most new features
• Set up a front end build process using Webpack
• Worked with and contributed to Node server code regularly
• Transitioned from views full of scripts and onclick events to separate script files and React components
• Moved from an unweildy, one page stylesheet to a nicely modular set of SASS files

Supreme Golf

Technology :

About:

At Supreme Golf, I had a great deal of freedom to shape the front end technologies we used, and truly owned the front end code. The biggest project I worked on at Supreme Golf was a site re-design. As part of this project I re-coded the site css in a more modular fashion, established a living styleguide and made the site responsive. Another noteworthy project I completed for Supreme Golf was a single page application using React and Backbone that was powered by the Supreme Golf API.

• Responsible for making the web application fully responsive as part of v2 rebuild
• Established a CSS styleguide
• Recoded site CSS from the ground up, using SMACSS and BEM principles
• Created a SPA microsite using React and Backbone, with data from the SG API
• Established and regularly contributed to a company Wiki
• Worked daily with RAILS templates and helpers

Timberland iPad Bootco

Technology :

About:

This is an iPad only sales tool that I built for Timberland. It was a rush project and very simple at it's core, so it is just a flat HTML site. Unlike most other Timberland sites, it doesn't require multiple language support and did not need to be built on a framework.

One of the more interesting pieces was coding the overlay elements that display the shoes and bags in more detail. I was very impressed with the iDangerous slider. It was easy to work with and very full featured.

Timberland Pro Seeding

Technology:

Timberland Lookbook^®

Technology:

About:

One of the biggest challenges with this site - for the front end - was dealing with the 75+ large images that lived on the main page. The Lazyload jQuery plugin fit the bill perfectly. It uses data tags to house the actual image src and a placeholder image until the image is near the viewport.

I didn't use a javascript framework for this site, instead relying on a few namespace chunks and jQuery plugins where appropriate to keep the code lean and organized. I also worked closely with the back end developer on this project to integrate the front end code with a custom PHP framework.

Timberland^® PRO

Technology :

About:

Timberland PRO was envisioned as a completely AJAX site - with no full page loads after the initial page. This was in large part due to the accordion that houses the bulk of the site content.

This was my first use of a javascript framework in a production site. Sammy.js was a lightweight solution that enabled me to easily create custom routes to manage state.

Timberland Boot Company^®

Technology:

About:

A fairly simple site in many respects, Timberland Boot Company still presented some challenges. Chief among these was the fact that the site needed to be multi-lingual. In this instance, the solution was to use xml files to house translations. The xml was parsed in the PHP and output based on the user's language setting.

To allow for the layouts of the various pages to change easily, I coded a number of PHP functions to output modular chunks of html. I also coded a few custom jQuery scripts.

Timberland^® Technology Guide

Technology :

About:

My favorite part of this site was using the Wordpress JSON API plugin. This enabled me to leave the Wordpress backend as is, but call in the posts dynamically and without a full page reload. Awesome!

As opposed to the xml files of Timberland Boot Company, this site utilizes a multi-lingual Wordpress plugin to manage languages.

Koch Brothers Movie Night

Technology :

About:

I handled all of the front end development and also came up with the simple design. Unfortunately, it was a short lived project and I wasn't able to hang on to any code samples.

Loon Echo Land Trust

Technology :

About:

One of the requirements for this site was to minimize the use of images. This was quite a challenge given the design of the site, but I enjoyed utilizing CSS to create some neat shapes and effects. I also created a few custom jQuery scripts for the site.

The site also involved creating multiple Wordpress templates, sidebars and widgets.