About
Full stack engineer with 5+ years of experience shipping production web apps across many sectors spanning Creative/Advertising Agency, Web3 Startup, Travel Agencies, and Technology Consulting.
With diverse work background, I have been fortunate enough to build and ship wide range of applications in React/Next.js, Framer Motion, ThreeJS, and Mapbox/deck.gl.
Currently at McCann NZ, I have been delivering fun and interactive campaigns for many big brands like McDonald's NZ, Škoda NZ, and Volkswagen NZ.
Experience & Projects
- Jan. 2025 — PresentFront End Engineer · McCann NZ
Developing high-profile interactive campaigns for national brands. Work spans Framer Motion/ThreeJS animations, Mapbox/deck.gl, and mobile webview development with native bridges.
Next.js 16React 19TypeScriptFramer MotionThree.jsMapboxStoryBookPlaywright2024VW-Buzz Interactive Experience
/Volkswagen NZAuthor & Main Contributor · WebGL · metaball shadersDeveloped an interactive map and 3D promotional experience with animated map overlays, camera transitions, geospatial calculations, and pointer-driven metaball visuals.
ReactMapboxdeck.glThree.jsR3FGLSL
2024McDonald's NZ Web App Platform
/McDonald's NZAuthor & Main Contributor · Native bridges · loyalty · e2eBuilt and maintained a webview platform powering promotional mini-experiences, loyalty redemption, voucher scanning, native bridge integrations, shared UI, and end-to-end tests.
Next.js 16React 19Framer MotionOrvalSwaggerPlaywright
- Aug. 2024 — Jan. 2025Front End Engineer · Mobility Labs
Developed an in-house geospatial visualisation tool, vista.gl, that processes GeoJSON datasets to create configurable, shareable maps for transport modellers and planners across New Zealand.
ReactTypeScriptGeoJSONMapboxdeck.gl2024vista.gl
/Mobility LabsFull Stack Engineer · Geospatial viz · transport planningDeveloped an in-house geospatial visualisation tool that turns GeoJSON datasets into configurable, shareable maps for transport modellers and planners.
ReactTypeScriptGeoJSONMapboxdeck.gl - 03.2023 — 03.2024Full Stack Engineer · Ion Protocol
Built Ion's first launch of LST Lending platform and implemented various LST assets. Worked closely with a solidity engineer, designer, and CTO to ship a best-practice solution under tight deadline and budget.
Next.jsTypeScriptNode.jsPostgreSQLGoAWS2023Ion LST Lending Platform
/Ion ProtocolFull Stack Engineer · DeFi · PoR oracle · wallet integrationsBuilt lending and borrowing UI for LST assets, wallet and contract integrations, local blockchain testing environments, and Go-based proof-of-reserve accounting oracles.
Next.jsViemGoAWS LambdaPostgreSQLTenderly - 01.2023 — 07.2023Front End Engineer · Serko
Collaborated with engineers to develop the v1 design token system, enhancing the integration between Figma and Storybook to streamline design and development workflows.
ReactTypeScriptFigmaStorybook - 11.2021 — 12.2022Full Stack Engineer · Datacom
Led the POC development of an in-house data visualisation application for Heliase. Collaborated with IAG to develop APIs for automating insurance pricing in New Zealand, enhancing functionality and efficiency using SpringBoot.
ReactThree.jsD3.jsTypeScriptSpringBootAWS - 11.2020 — 11.2021Front-End Engineer · Clearhead
Implemented the initial suite of front-end unit tests to enhance code reliability and a blue-green deployment script in Terraform for the DevOps pipeline. Created a comprehensive component library for the Chatbot using Next.js and Tailwind.
Next.jsTypeScriptTerraformStorybook - 10.2019 — 03.2020Software Engineer Intern · Orion Health
Contributed to the release of the version 2 developer portal using VanillaJS and CSS, enhancing the platform's usability and design for improved developer engagement and resource accessibility.
TypeScriptGulpNode.js
Personal Projects
A modernized workout tracking iOS App for weight lifters with auto rep tracking using Core Motion on Apple Watch andinteractive 3D experiences with RealityKit.