Nui Rattapon
Senior Full-Stack Developer
Three.js · Angular · React · TypeScript · Node.js
Full-Stack Engineer · Architecture & AI
About
Full-stack depth, architectural thinking
I'm a senior full-stack developer with 8+ years of commercial experience across Angular, React, and Node.js — comfortable across the whole stack and increasingly focused on AI integration and software architecture. At Truescape I architect complex web applications and lead the company's AI adoption pilot — evaluating tooling, shaping how the team works with AI, and continuously improving engineering productivity.
Tech I work with
Experience
Work History
Full Stack Web Application Developer
Truescape
Sep 2022 – Present
3 yrs 7 mos · Christchurch, NZ
- ›Architect and develop interactive 3D visualisation applications using Three.js and Angular, embedded in urban-planning and infrastructure products used by councils and government agencies.
- ›Conceived and led a full architectural migration from Three.js to Unity on the BOEM (US federal agency) project — designed an Interface Control Document (ICD) abstraction layer to decouple the UI from the 3D engine, enabling parallel cross-team development and a seamless production engine swap with no UI disruption. Also architected the NgRx state management system including versioning strategy and graceful backward compatibility.
- ›Led architecture and development of a 360° panoramic view calibration system — an internal research project that matured into a core product feature.
- ›Designed a reusable 360° panoramic visualisation application template now used as the foundation for multiple client projects.
- ›Led the company's AI adoption pilot — evaluated and recommended AI tooling for the engineering team, defined usage guidelines, and continue to drive ongoing AI integration and productivity improvements across the team.
- ›Appointed to establish and lead the company's AI engineering community of practice — defining how teams adopt AI tooling, manage shared AI assets (instructions, rules, skills) within a monorepo, and share knowledge on AI usage across the organisation.
- ›Drove significant engineering process improvements: ESLint, GitLab CI PR checks, automated code-review assignment, git pre-commit hooks, and branch protection rules.
Web Developer
Maker Design
Oct 2017 – Sep 2022
5 yrs · Christchurch, NZ
- ›Designed and developed websites and web applications for NZ Couriers, Posthaste, Castle Parcel, and Now Couriers.
- ›Delivered full project lifecycle: interaction design, wireframes, prototypes, and production builds.
- ›Introduced React Native / Xamarin mobile development capability to the team.
Intern Full Stack Web Developer
MVP Studio – Uptown Innovation
Feb 2017 – Oct 2017
9 mos · Auckland, NZ
- ›Built a back-end Windows Service for geolocation functionality on the Alex Swift Emergency Contact product.
- ›Redesigned account/profile pages and refactored site CSS architecture.
- ›Presented at Demo Day — awarded Best Performance of May 2017.
Software Engineer Intern
Thomson Reuters
Oct 2012 – Feb 2013
5 mos · Bangkok, Thailand
- ›Researched and developed an end-to-end automated testing framework using Selenium and NUnit for the EIKON product CI pipeline.
- ›Built a test-report generator tool used by the QA team.
Portfolio
Featured Work
Most work is client or internal — live demos aren't public, but here's what I built and why it mattered.
360° Panoramic Calibration System
Architected and led development of an internal R&D tool for calibrating panoramic imagery used in energy and infrastructure visualisation products. The project matured from a research prototype into a core product feature, now the foundation for multiple client deployments globally.
✓ Core product feature · Used across global client deployments
Three.js → Unity Engine Migration (BOEM)
Conceived and designed an Interface Control Document (ICD) abstraction layer to decouple the Angular UI from the 3D engine on a US federal agency project. Enabled parallel cross-team development with the Unity team and a seamless production engine swap with no UI disruption. Also architected the NgRx state management system including versioning strategy and graceful backward compatibility.
✓ Seamless engine migration · Zero UI disruption
Interactive 3D Urban Planning Visualiser
Designed and built client-facing 3D spatial applications for global energy companies, utilities, and mining firms to visualise infrastructure proposals in real-time. Embedded into stakeholder engagement and decision-making workflows.
✓ Deployed for global energy, utility, and mining clients
AI Adoption Pilot — Engineering Team
Appointed as lead developer for the company-wide AI adoption initiative. Evaluated and recommended AI tooling for the engineering team, defined usage guidelines, and continue to drive ongoing AI productivity improvements — including spec-driven development workflows with GitHub Copilot.
✓ Company-wide adoption · Measurable productivity improvement
NZ Courier Group — Web Platform
Delivered websites and web applications for New Zealand Couriers, Posthaste, Castle Parcel and Now Couriers. Full project lifecycle from interaction design and wireframes through to production build and ongoing client support.
✓ Live production sites serving NZ courier customers
Engineering Process Improvements
Drove a systematic uplift of engineering practices at Truescape: introduced ESLint code-linting, GitLab CI PR checks, automated code-review assignment, git pre-commit hooks, and branch protection rules. Created a developer estimation script and code-review guideline adopted team-wide.
✓ Reduced review cycle time · Lower defect rate
Skills
Technical Expertise
Frontend
3D & Visualisation
AI & Emerging
Backend & Cloud
Desktop & Mobile
Tools & Workflow
Certifications
Credentials
Model Context Protocol (MCP): Hands-On with Agentic AI
LinkedIn Learning · Mar 2026
RecentUnboxing AI: Visual Studio Code and GitHub Copilot Deep Dive
LinkedIn Learning · Feb 2026
RecentICAgile Certified Professional – Agile Software Design
ICAgile · Jun 2025
MTA: HTML5 Application Development Fundamentals
Microsoft · Aug 2017
Contact
Let's work together
I'm currently open to new opportunities. Whether you have a role, a project, or just want to connect — reach out and I'll get back to you promptly.