Portfolio

IBM Catalyst | 2020

Screenshot of IBM Catalyst.
Screenshot of IBM Catalyst.

About

IBM Catalyst is a custom web application that serves as a financial reporting tool for account managers. It was conceived as a performance-first progressive web application, and is built on native web component technology. Being a PWA, it supports offline usage, mobile first design, and a native app-like feel. D3.js also plays a large role to create highly custom reusable charts. It has been exciting to build something modern without the limitation of legacy browser support.

Skills & Tech

  • HTML
  • CSS
  • JavaScript ES6+
  • Custom Elements
  • LitElement
  • D3.js
  • Redux
  • Vaadin Router
  • IBM Carbon Design System
  • IBM Cloud
  • Travis CI
  • Git
  • GitHub Enterprise
  • Storybook
  • webpack

ANA Systems Redesign | 2019

Screenshot of the ANA Systems Redesign
Screenshot of the ANA Systems Redesign

About

A major project of 2019 was to deliver the front-end code for the redesign of the ANA Systems website built on Adobe Experience Manager. I decided to continue with the code delivery method that worked so well on the HD Supply project by building a style guide containing core components, styles, and scripts, as well as building full page template examples.

Skills & Tech

  • HTML
  • CSS
  • JavaScript ES6
  • jQuery
  • Vue.js
  • IBM Cloud
  • Travis CI
  • Git
  • GitHub Enterprise

Personal Portfolio v3 | 2019

Screenshot of my personal portfolio version 3.
Screenshot of my personal portfolio version 3.

About

My last website update was back in 2013, and the front-end landscape has changed drastically since then. I decided it was finally time to overhaul my website to make it more modern. I used Nuxt.js for the PWA architecture, Netlify CMS for content management, Netlify for deployments, and Cloudinary for media asset hosting.

Skills & Tech

  • HTML
  • CSS
  • JavaScript ES6
  • Vue.js
  • Nuxt.js
  • GitLab
  • Netlify
  • Netlify CMS
  • Cloudinary
  • AOS

NetApp AIQ Storybook | 2019

Screenshot of the NetApp ActiveIQ Redesign Storybook
Screenshot of the NetApp ActiveIQ Redesign Storybook

About

Earlier in 2019 I was brought in as the front-end lead for the NetApp ActiveIQ project to help build Angular components for the redesign of their web application. We used the popular JS library called Storybook to show and deliver our Angular component library.

Skills & Tech

  • HTML
  • CSS
  • JavaScript ES6
  • Angular
  • IBM Cloud
  • Travis CI
  • Git
  • GitHub Enterprise

HD Supply Style Guide | 2018

Screenshot of the HD Supply Style Guide.
Screenshot of the HD Supply Style Guide.

About

In 2018 I was pulled off of the Tiffany & Co. e-Commerce project briefly to help with a WebSphere Commerce v8 migration and website redesign for our client HD Supply. Building upon the success of the Tiffany Style Guide, I led the effort to build a style guide for HD Supply which evolved into a complete front-end code delivery tool.

Skills & Tech

  • HTML
  • CSS
  • JavaScript ES6
  • Vue.js
  • IBM Cloud
  • Git
  • Bitbucket
  • Bitbucket Pipelines

PWA Skeleton | 2017

Screenshot of the PWA Skeleton web app demo.
Screenshot of the PWA Skeleton web app demo.

About

PWA Skeleton is a vue-cli template for scaffolding a new Progressive Web Application using the Vue.js framework. It includes the full Vue ecosystem and provides some basic Material Design styles to get started.

This project has been deprecated since the release of vue-cli version 3.

Skills & Tech

  • JavaScript ES6+
  • CSS / SASS
  • HTML
  • Responsive Design
  • Material Design
  • Vue.js
  • Vue Router
  • Vuex
  • Webpack
  • Service Worker

Tiffany Style Guide | 2016

Screenshot of the Tiffany Style Guide.
Screenshot of the Tiffany Style Guide.

About

A major project during my time on the Tiffany & Co. e-Commerce project was to normalize some of the UI code to make it more reusable an globally available. Thus, the Tiffany Style Guide was born as a place to maintain core components, styles, and scripts.

Skills & Tech

  • HTML
  • CSS
  • JavaScript ES6
  • jQuery
  • Vue.js
  • Docker
  • IBM Cloud
  • Travis CI
  • Git
  • GitHub Enterprise

GW2 Account Viewer | 2015

Screenshot of the GW2 Account Viewer web app.
Screenshot of the GW2 Account Viewer web app.

About

GW2 Account Viewer is a web application that uses the Guild Wars 2 API to show you details of your game account on the web.

Here is a GW2 API key you can use to view the site: 00C99AD2-B26D-084C-B378-8391B006D7E15C176D39-2CDA-4C19-B520-86BB5A88199A

Skills & Tech

  • Responsive Design
  • HTML
  • CSS
  • JavaScript
  • AJAX
  • Git
  • Gulp
  • Guild Wars 2 API
  • Flexbox
  • jQuery

WvW Intelligence | 2013

Screenshot of the WvW Intelligence web app.
Screenshot of the WvW Intelligence web app.

About

WvW Intelligence is a JavaScript based web application that uses the Guild Wars 2 API to deliver real-time updates from each World vs. World match in-game to this HTML5 map. This site serves over 6 million requests per month.

Skills & Tech

  • Responsive Design
  • HTML
  • CSS
  • JavaScript
  • AJAX
  • PHP
  • SQL
  • Git
  • Gulp
  • Guild Wars 2 API
  • jQuery
  • PHP Template Inheritance

Tiffany.com Redesign | 2013

Screenshot of the Tiffany.com 2013 website redesign.
Screenshot of the Tiffany.com 2013 website redesign.

About

My first major project at IBM was to help implement a complete redesign of Tiffany & Co's e-Commerce website. All code was custom written with only the help of the jQuery library.

Skills & Tech

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • ASP.NET
  • Team Foundation Server
  • AJAX
  • Photoshop

Helbreath USA Player Portal | 2012

Screenshot of the Helbreath USA Player Portal
Screenshot of the Helbreath USA Player Portal

About

The Helbreath USA Player Portal provides players of the game with a unique interface to socialize and manage their accounts and characters via the web.

This game is no longer operational, therefore the website has been taken offline. The source code is publicly available.

Skills & Tech

  • Responsive Design
  • HTML
  • CSS
  • JavaScript
  • AJAX
  • PHP
  • SQL
  • jQuery
  • Twitter Bootstrap
  • Photoshop/Fireworks

Infected Mushrooms Portal - Mobile | 2012

Screenshot of the Infected Mushrooms Portal mobile web app.
Screenshot of the Infected Mushrooms Portal mobile web app.

About

This mobile website expands upon the Infected Mushrooms Portal desktop website using jQuery Mobile to create a fantastic mobile experience.

This game is no longer operational, therefore the website has been taken offline. The source code is publicly available.

Skills & Tech

  • HTML
  • CSS
  • JavaScript
  • AJAX
  • PHP
  • SQL
  • jQuery
  • jQuery Mobile
  • Photoshop/Fireworks

Infected Mushrooms Portal - Desktop | 2011

Screenshot of the Infected Mushrooms Portal desktop web app.
Screenshot of the Infected Mushrooms Portal desktop web app.

About

The Infected Mushrooms Portal is a custom built website for a group of players from a game called Helbreath USA.

This game is no longer operational, therefore the website has been taken offline. The source code is publicly available.

Skills & Tech

  • HTML
  • CSS
  • JavaScript
  • AJAX
  • PHP
  • SQL
  • jQuery
  • Photoshop/Fireworks

eBid Auctions | 2010

Screenshot of the eBid Auctions intranet web app.
Screenshot of the eBid Auctions intranet web app.

About

eBid Auctions is a website that I made during my internship at Landscape Forms for internal company auctions. It allows managers to set up open or blind auctions and for employees to place bids using this Active Directory accounts.

Skills & Tech

  • HTML
  • CSS
  • JavaScript
  • ASP.NET Web Forms
  • VB.NET
  • SQL
  • jQuery
  • jQuery UI
  • Photoshop/Fireworks

The String Collector | 2009

Screenshot of the String Collector website.
Screenshot of the String Collector website.

About

The String Collector is an online store that sells new, used, and vintage instruments. They specialize in everything from guitars to tuners and accessories.

This site is no longer operational.

Skills & Tech

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Wordpress
  • Wordpress E-commerce Plugin
  • Photoshop

Old World Distributors | 2008

Screenshot of the Old World Distributors website.
Screenshot of the Old World Distributors website.

About

Old World Distributors is a custom sheet metal fabrication company that sells high quality roofing supplies and decorations. This e-commerce website sells everything from Finials to Roofing Books.

Skills & Tech

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • X-Cart
  • Photoshop/Fireworks

Copper Cake Stands | 2008

Screenshot of the Copper Cake Stands website.
Screenshot of the Copper Cake Stands website.

About

Copper Cake Stands is a sister company of Old World Distributors. This website sells decorative cake stands made of copper and zinc, as well as some other beautiful wedding decorations.

This site is no longer operational.

Skills & Tech

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • X-Cart
  • Photoshop/Fireworks