Christian S Chu
Front End Web Developer
Christian S Chu
Front End Web Developer
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
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
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 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 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
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.
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.
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.
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.
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.
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.
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.
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.
More projects available upon request
Components Case Studies Coming Soon