Christian S Chu

Front End Web Developer

Christian S Chu

I work with >

With over 10 years of professional experience, I have worked with vanilla JS + CSS for front end interactions, to adding in jQuery with the LAMP stack, to working with modern frameworks like Nuxt (Vue.js) and Next.js (React), paired with Node.js or Python as the backend. I have also worked with projects with different cadences, from building MVPs very rapidly to contributing to bigger code bases that are more optimization-oriented.

Experience

  • Autograph.io Logo

    Autograph.io

    May 2022 - present

    Senior Frontend Engineer

    Collaborate with cross functional teams on projects for Tom Brady, PGA Tour, SAW, and more; enhancing user engagement with interactive UI animations. Assist in identifying mission-critical objectives with stakeholders to streamline product development flow.

    Work extensively with both Vue.js / Nuxt and React / Next.js codebases, while achieving top Lighthouse and accessibility scores. Integrate analytics tools such as Heap, proficiently working with various APIs including Contentful and AWS IVS player, and contributing to backend code using Node.js and Python. Develop Progressive Web Apps utilizing Firebase Cloud Messaging.

    Core technologies: Vue.js / Nuxt, React / Next.js, TypeScript, Greensock animation, Three.js, Web3, Sass / Tailwind, Flowbite

  • Vans Logo

    Vans

    July 2019 - May 2022

    Front End Developer

    Developed high-visibility, responsive, interactive web pages and microsites on Vans.com, working closely with UI/UX designers, Product, Marketing teams. Migrated legacy codebases to vue.js framework.

    Core technologies: Vue.js, vanilla JavaScript, TypeScript, jQuery, Greensock animation, Pixi.js, Sass, Pug

  • Prolacta Logo

    Prolacta Bioscience

    November 2019 - March 2020

    Front End Developer

    Developed React components for internal and external applications, ensuring cross-browser compatibility (down to Internet Explorer 7) while integrating with various APIs for streamlined operations.

    Core technologies: React, vanilla JavaScript, CSS3, HTML5

  • Innuative Logo

    Innuative Digital Agency

    May 2015 - July 2019

    Front End Developer

    Developed custom WordPress, Shopify, and Squarespace themes.

    Core technologies: React, Vue.js, WordPress, Squarespace, Shopify

  • Freelance

    August 2007 - May 2015

    Full Stack Web Developer + UX/UI designer

    Designed and developed hundreds of websites and e-commerce solutions, maintaining a 99% client retention rate.

    Core technologies: React, Vue.js, WordPress, Squarespace, Shopify

Featured Projects

Transforming ideas into web interfaces is my passion

Desktop Toggle Icon
Mobile Toggle Icon

PGA TOUR PDP

Built dynamic, data-driven components with on-scoll 3D model animations and swipe/drag interactions. Utilized a combination of Next.js server side and client side rendering based on static vs dynamic API data types.

React / Next.jsTypeScriptTailwindThree.jsGSAPDocker
Desktop Toggle Icon
Mobile Toggle Icon

Tom Brady Experience

Developed an interactive Go To Market page working closely with Product & Design with Figma. Built custom components such as a reusable dyamic "Roadmap" powered by CMS API, and a video on demand UI.

Vue.js / NuxtTypeScriptSASSAWS IVS Player

Progressive Web App

Quickly learned PWA requirements including proper service worker registrations and manifest members for supported iOS versions. Developed custom UX flows to work around desktop browsers limitiations. Leveraged Firebase Cloud Messaging API. Implemented this feature as a global component.

React / Next.jsTypeScriptTailwindDockerFirebase
Desktop Toggle Icon
Mobile Toggle Icon

First Time User Experience

The final step of a multi-step onboarding process to educate first time users. Worked closely with Product and Design, using Figma, to engage users through creative animations that deliver vital information.

React / Next.jsTypeScriptCSS modulesGSAPDocker
Desktop Toggle Icon
Mobile Toggle Icon

Vans LatinX

Distinct desktop and mobile experiences. From the top right corner checkers hooked on horizontal sectional swipes on mobile, to the subtle parallax effect on desktop, each pixel was carefully optimized for deliberate UI/UX design choices.

Vue.jsTypeScriptGSAPSassPug

Vans Snow Boots Guide

This PLP grid consumed API data managed by the marketing and product teams. Users can filter and sort the boots based on their preferences, then click-through to PDPs for conversion.

Vue.jsTypeScriptSassPugGoogle Sheets API
Desktop Toggle Icon
Mobile Toggle Icon

Vans Hi-Standard

Product, marketing and UX designer wished for a fluid and interactive experience across all devices, so PixiJS was employed for maximum cross-browser and cross-device compatibility. User engagement and conversion to PDPs were the primary KPIs for this project.

Vue.jsTypeScriptPixiJSGSAPSass
Desktop Toggle Icon
Mobile Toggle Icon

Vans Breast Cancer Awareness

The interactive cards section was optimized for touch devices, catering to iPad use in Vans stores nationwide. Tight deadline required engineering leadership across marketing, product, and design teams for delivery.

Vue.jsTypeScriptGSAPCSS animationsSass

More projects available upon request

Components Case Studies Coming Soon

Custom site built with
ReactNext.jsTypeScriptTailwind CSSGSAP
Christian S Chu