LikeableLocal Content Library Design LikeableLocal Message Center Design Likeable Local

 

Likeable Local

View code samples View live site

Technology :

React

SASS

Sketch

Webpack

ES6

Babel

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

 

Supreme Golf

View code samples View live site

Technology :

React

SASS

Rails

jQuery

Git

HAML

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 Bootco
 

Timberland iPad Bootco

View code samples View live site

Technology :

Javascript

HTML5

jQuery

CSS3

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
 

Timberland Pro Seeding

View code samples

Technology:

Javascript

Backbone.js

jQuery

HTML5

CSS3

XML


Timberland Lookbook
 

Timberland Lookbook®

View code samples

Technology:

Javascript

XML

jQuery

HTML5

CSS3

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
 

Timberland® PRO

View code samples View live site

Technology :

HTML5

CSS3

jQuery

AJAX

Sammy.js

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
 

Timberland Boot Company®

View code samples

Technology:

PHP

XML

jQuery

HTML5

CSS3

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
 

Timberland® Technology Guide

View code samples View live site

Technology :

AJAX

Wordpress

PHP

jQuery

HTML5

CSS3

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
 

Koch Brothers Movie Night


Technology :

SASS

Bootstrap

Git

Rails

jQuery

Design

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
 

Loon Echo Land Trust


Technology :

HTML5

CSS3

PHP

Wordpress

jQuery

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.