Hello, I'm John Long.

At CityPass, I contributed to the maintenance and enhancement of the company's e-commerce website, which was built using Next.js, Tailwind CSS, and Zustand. My key contributions included refactoring the entire email templating system using Perl, streamlining the process for improved efficiency and maintainability. I also played a pivotal role in designing and implementing new user experiences, particularly focusing on optimizing product pages to boost customer engagement and conversion rates.

As part of a major website overhaul, I led the refactoring effort to migrate content management from static JSON files to a modern CMS called Hygraph. This transition involved restructuring how content was sourced and integrated throughout the website, ensuring seamless data flow and improved content management capabilities. By implementing Hygraph, I enabled the team to manage dynamic content more efficiently, reducing overhead and simplifying updates across the site.

• Nextjs/React/TypeScript
• Tailwindcss
• Graphql
• Perl
• Nodejs

I'm the engineering lead responsible for the overall architecture of Ten Spot's client side applications. Over the last several months I have been maintaining a legacy React application while porting over parts of the Ten Spot offering to a modern React application written in TypeScript.

Ten Spot applications are powered with RESTful apis that are documented through OpenAPI/Swagger-generated API Reference Documentation. This document is written and maintained in collaboration with all engineering teams. Using the OpenAPI spec I'm able to dynamically generate all our TypeScript types and services for data synchronization. Using React Query and generating React type-safe hooks through the OpenAPI spec I'm able to speed up development processes and automate testing.

• React/TypeScript
• React Query
• Styled Components/Theme UI
• Code Generation/Plopjs
• Nodejs
• Webpack

Maintaining and writing new features for citypass.com ecommerce website. Created a new checkout experience using vuejs and vuex as the front-end framework.

Updated the project code based to use newer standards such as eslint and refactored the webpack build system. Refactored citypass.com/guide to use tailwinds, a utility based css framework as a proof of concept to implement on the main site later this year.

As COVID19 started to impact our business I refactored and help design new messaging on all citypass.com product pages.

• HTML5/CSS3/LESS
• JavaScript/ES8
• Vuejs/Vuex
• Nodejs
• Webpack
• PHP

Wrote web interfaces for Rakuten Marketing as well as supported the JavaScript ad framework that serves Rakuten Marketing Display ads.

Wrote a mobile specific ad tracking and ad rendering library that integrates into inapp mobile apps paired with a desktop application along side it to help the creative ad team build ads and validate the content. The desktop app was written with electronjs.

Wrote an analytics SPA dashboard to display ad reporting data such as impressions, engagements and more. Written in React/Freezerjs.

Mentored and developed peer's skills and lead the teams technical decisions regarding the front-end stack.

• HTML5/CSS3/SCSS
• JavaScript/ES6
• React/Redux
• Mithriljs
• Angularjs 1.*/2
• Nodejs
• Gulpjs
• Webpack
• Golang

Lead front-end developer at sendoutcards.

Managed one other front-end developer and a designer. Sendoutcards.com is a network marketing company with the main product being greeting cards.

Wrote an analytics SPA dashboard to display ad reporting data such as impressions, engagements and more. Written in React/Freezerjs.

Designed and developed a shopping cart for their gifts in two months before the sendoutcards.com annual convention in May 2013. Redesigned and developed the front-end of the corporate site and distributor dashboards using Angular.js.

• Web Development/Design/UX
• HTML5/CSS3/SCSS
• JavaScript/Coffeescript
• Angularjs 1
• Nodejs
• Gulpjs
• Django/Python

Developed the companies corporate pages as well as other web properties.

Built a search webapp for Health Specialist that helped people access doctors in their area. The application was written in Backbone.js and Ruby on Rails.

• Web Development/Design/UX
• HTML5/CSS3/SCSS
• JavaScript/Coffeescript
• Backbonejs
• Nodejs
• Ruby on Rails