Hello World!

It's nice to meet you

Overview

Hello! I'm Jason Rushton, and I'm a web developer.

I'm a full-stack web developer with a deep understanding of every layer of web application architecture. I’m truly passionate about building applications on the web, and I've been at it since 2000 — way back in the days of font tags, web safe colors, and using pixel.gif to make table based layouts work.

As a web developer who enjoys and focuses on front-end web applications, I believe the industry is in an amazing place, and has incredible potential. With the rise of client side SPA frameworks like React.js and Angular.js, alongside leveraging Node.js on the server and for tooling, I'm very excited for the future of building web based applications.

  • Primary Skills
  • JavaScript
  • React.js
  • Node.js
  • CSS
  • HTML
  • SQL
  • Responsive Design

Project Examples

iWorks Marketing, CRM and Billing

I started out on the design side at iWorks, but quickly moving over programming, where I soon became the lead developer. We were ahead of the curve, successfully fielding cutting edge web applications for our marketing, billing, and customer service way back in the early 2000s. I architected, designed, developed, and maintained the front-end UI, back-end applications, API integrations, reporting solutions, and databases, as well as assisted with maintaining and optimizing the servers. As the lead developer for a team of 5 engineers, I worked closely with all levels of management, as well other engineering and design teams, to support and promote the needs and goals of the company.

Customer Relationship Management (CRM)

The iWorks CRM, on which I was the primary architect and developer, supported hundreds of concurrent users spread around the globe, as well as all the fulfillment and lead management systems you'd expect. The CRM itself was an early single page application, using iframes instead of today's XHR due to the limitations of the technology of the time. This approach allowed us to build and maintain disparate sections of the application in isolation while inheriting state and design themes down the chain; very similar to modern SPA techniques.

The corresponding billing system was integrated deeply with the CRM, and supported with dozens of different payment gateways, and hundreds of merchant accounts with load balancing functionality, handling a combined volume of over 10 million credit transactions per year.

We built out extensive reporting capabilities, and management was able to deeply analyze all aspects of the business without needing constant engineering support to generate custom reports.

Marketing / Lead Acquisition

The marketing platform consisted of hundreds of landing pages for lead generation and sales, and provided support for split testing and real time reporting. We were able to very rapidly both implement new designs, and to iterate tweaks on existing designs as needed to optimize conversion rates.

The system provided in depth tracking metrics with comprehensive fraud detection, all while handling over 40,000 new acquisitions per week at its peak. Our API allowed affiliates to host marketing materials their own servers and marketing platforms as well.

  • Primary Skills
  • ColdFusion
  • JavaScript
  • CSS
  • HTML
  • SQL Server
  • Single Page Applications
  • API Generation
  • API Consumption
  • Backend Application Architecture
  • Database Architecture
  • Domain Knowledge
  • CRM
  • Billing
  • Reporting
  • Lead Generation
  • Merchant Accounts
  • Credit Card Processing
  • Fraud Detection
  • PCI Compliance
  • CAN SPAM
  • E-Mail Marketing
  • Affiliate Marketing
  • Additional Skills
  • Photoshop
  • jQuery
  • Server Administration
  • SQL Server Administration
  • IIS
  • Split Testing
  • A/B Testing
  • Data Import/Export
  • JVM Tuning
  • Client Integration Support
  • Database Optimization
  • Query Tuning

GuildWars2 WvW Tracker

Link
gw2w2w.com
Source
github.com/fooey/gw2w2w-react
github.com/fooey/gw2w2w-react/tree/master/public/js/src
What

A React app using 3rd party API data to provide a responsive dashboard for users to view at a glance the live state of the game.

The backend is a tiny Node service running Express, and relies on a few microservices spun off from this project: state.gw2w2w.com, guilds.gw2w2w.com, and piely.net.

Why

This is the project I like to tear apart and redo to try new things, going through 5 or 6 versions now.

For the latest version, I wanted to try out React 0.13's support for ES6 classes, and to give Immutable.js a try, and on the way, I ran into Babel.js, all of which are amazing.

Previous versions include Angular.js and various flavors of non-frameworked JS front ends and both ColdFusion and Node.js backends.

Skills & Technology
Front-End JavaScript
  • React.js
  • ES6
  • Immutable.js
  • Page.js
Back-End
  • Node.js
  • Express.js
Front-End CSS
  • LESS
  • Bootstrap
  • Responsive
Build
  • Gulp
  • Browserify
  • Babel.js
  • Uglify
  • PostCSS
  • CSS Autoprefixer

The main page provides a live overview of all ongoing matches.

The tracker page shows the live state of all match objectives, along with countdown timers to track progress.

The tracker also provides a log of events, and details guild activities.

All pages are responsive, and with translations for English, German, French and Spanish.

GuildWars2 Guild Emblem Renderer

Link
guilds.gw2w2w.com
Source
github.com/fooey/node-gw2guilds
What

Public service which allows consumers to easily hotlink SVG versions of the emblems of guilds in GuildWars2.

The service generates over 400,000 emblems per month, with peaks reaching nearly 20,000 requests per day.

Structurally, the images work like the popular placeholder image services with the goal of making it as easy as possible to use an image.

You can use either the name of the guild

<img src="http://guilds.gw2w2w.com/guilds/${guildName}/256.svg" width=256 height=256 />

Or the guild's ID used by ArenaNet's API

<img src="http://guilds.gw2w2w.com/${UUID}.svg" width=256 height=256 />

Why

Project was originally part of the main gw2w2w.com, but became spun off to be a stand alone service.

Skills & Technology
  • SVG
  • API
  • Microservice
  • Express.js

Piely.net

Link
www.piely.net
Source
github.com/fooey/piely
What

Microservice for generating SVG pie charts using simple in url configuration

Why

Spin off from gw2w2w.com project.

Front-end "builder" originally created in Angular, but ported to React for the experience

Skills & Technology
  • SVG
  • SVGO
  • React
  • API
  • Microservce
  • Express.js

GW2 WvW State API

Link
state.gw2w2w.com
Source
github.com/fooey/gw2w2w-state
What

Middleman API for ArenaNet's stateless API.

Why

Spin off from gw2w2w.com project.

Skills & Technology
  • API
  • Microservice
  • Express.js
  • Node.js

NoSRC.net

Link
nosrc.net
Source
github.com/fooey/nosrc
What

Placeholder image service.

Example: <img src="http://nosrc.net/500x100">

Public usage of the service generates 100k-125k requests per month

Why

Ported from ColdFusion in 2014 to run on Node.js and use SVG's instead of PNG as a project to learn Node

Skills & Technology
  • SVG
  • Express.js
  • Node.js

<img src="http://nosrc.net/500x100">

Local Mechanics

Link
www.local-mechanics.com
Source
github.com/fooey/local-mechanics
Why

An experiment with sharing templates and logic across both the back-end and front-end.

It uses Lodash javascript templates with Express.js for the server, and Page.js for the client.

Serves geo data from geo.api.the-ln.com (source) and relays CityGrid data though geo.api.the-ln.com (source)

Skills & Technology
  • Express.js
  • Node.js
  • Lodash Templates
  • Isomorphic (Home Brew)

Knowledge

Javascript

  • Frameworks
  • React.js
  • Angular.js
  • Libraries
  • Immutable.js
  • Async
  • lodash / Underscore
  • jQuery
  • Page.js
  • Techniques
  • ES6
  • Isomorphic
  • Single Page Applications
  • Templating
  • Jade
  • React JSX
  • LoDash JST
  • Tools
  • NPM
  • Browserify
  • Babel
  • Gulp
  • Grunt
  • Bower
  • Misc
  • API
  • JSON
  • AJAX
  • DOM
  • Object Oriented

Front-End

  • CSS
  • CSS3
  • Less
  • Bootstrap
  • Grid Layouts
  • Responsive
  • Misc
  • DOM
  • HTML5
  • SVG

Back-End

  • Applications
  • Node.js
  • ColdFusion
  • Frameworks
  • Express
  • Restify
  • Languages
  • Javascript
  • T-SQL
  • CFML & CFScript
  • Source Control
  • Git & GitHub
  • SVN
  • Kiln / HG
  • Techniques
  • Isomorphic Javascript
  • MVC
  • MVVM

Database

  • Engines
  • MS SQL
  • SQLite
  • Programming
  • T-SQL
  • Stored Procedures
  • Tuning
  • Indexing
  • Query Optimization
  • (De)Normalization

Web Optimization

  • Optimization
  • Minification
  • Concatenation
  • CSS Prefixing
  • Cache Busting
  • CDN Usage
  • SEO
  • URL Rewriting
  • Site Structure
  • Schema.org
  • Semantic HTML

Server Managment

  • Servers
  • Heroku
  • Node
  • Windows
  • IIS
  • Coldfusion
  • MS SQL

Résumé

Download PDF

Download Docx

These documents have had some personal information removed. For the full version, please contact me.