FULL STACK
ENGINEERING

I bridge the gap between heavy backend logic and high-fidelity interactive frontends.

SYSTEM_STATUS: ONLINE
NODES: 0
TRAFFIC: LOW

SYSTEM
TOPOLOGY

user@portfolio:~/work
~/work cat experience.log
COMMIT 3 | AirAsia -> Software Engineer (Jul 2024 - Current)
Next.jsNestJSGoogle Cloud RunDockerGitHub ActionsReactFirestoreZustand
[FEAT] Architected the "Navtech Middleware" on Google Cloud Run, utilizing Server-Sent Events (SSE) to replace legacy polling mechanisms.
[LOG] Led the full-stack re-platforming of the "Allstars" Booking System (Legacy .NET to NestJS/Next.js), leading a team of 6.
[TEST] Implemented React Suspense patterns with SWR for efficient data fetching and conducted Artillery Load Testing to certify system stability under high concurrency.
[INFRA] Mentored 2 junior engineers on API design patterns, Express.js best practices, and Cloud Scheduler error handling strategies, fostering a culture of code quality.
[FEAT] Engineered the backend infrastructure for "Cross Border Bus" (KUL-SG), utilizing Google Cloud Tasks to orchestrate the synchronization of Flight Inventory REST APIs with Bus Manifests, ensuring real-time seat availability across distinct booking engines.
[REFACTOR] Modernized the "Boarding Purchase" checkout module (Baggage/Seats) using Next.js, implementing Zustand for high-performance state management of Booking & SSR (Special Service Request) data.
[LOG] Integrated Feature Flags into the checkout flow, enabling granular control over regional product availability (e.g., RedCarpet Thailand) without requiring code rollbacks.
[LOG] Digitized the Global Cabin Crew Assessment process (RedHire) using React/Firestore, replacing manual workflows across SEA. Standardized hiring data for tens of thousands of candidates, significantly reducing operational overhead.
Build Artifacts / Metrics
  • Reduced data retrieval latency by 80% (10s to <2s)
  • Re-platformed legacy .NET system to NestJS/Next.js
  • Certified system stability under high concurrency
  • Mentored 2 junior engineers
  • Zero downtime deployments
COMMIT 2 | Synorex Sdn Bhd -> Fullstack Developer (Aug 2023 - Mar 2024)
LaravelSQLPHPCodeIgniterjQueryChart.js
[REFACTOR] Optimized hierarchical data retrieval for an MLM-structured user base by implementing Recursive Common Table Expressions (CTEs) in SQL, reducing report generation time for complex downline trees.
[LOG] Maintained the financial transaction integrity of a 3-module ecosystem (User/Merchant/Admin), implementing ACID-compliant transaction blocks (Laravel) to handle refunds and commission distributions securely.
[REFACTOR] Reduced API response time by 70% (10s to <3s) by refactoring legacy endpoints to use Server-Side Pagination (DataTables), minimizing network payload by 99% for datasets exceeding 10,000 records.
[INFRA] Deprecated error-prone FTP deployments by championing the adoption of Git version control and establishing a CI/CD pipeline, eliminating production downtime caused by manual file overwrites.
[FEAT] Engineered a custom ERP (PHP/CodeIgniter, jQuery) for a mining client (400+ staff), implementing in-memory data processing algorithms for Fleet and Payroll management on a legacy, non-relational schema.
[LOG] Developed interactive dashboards using Chartjs.
[FEAT] Redesigned the Org Chart architecture using recursive algorithms for dynamic tree traversal and decoupled hierarchy dependencies (Person vs. Role), preventing data corruption during staff promotions.
Build Artifacts / Metrics
  • 70% reduction in API response time (10s to <3s)
  • 99% reduction in network payload
  • Handled datasets exceeding 10,000 records
  • Supported 400+ staff
  • Eliminated production downtime
COMMIT 1 | SWS IT Solution Sdn Bhd -> Frontend Developer (Sep 2022 - Mar 2023)
IonicAngularRxJSCSS Animations
[FEAT] Architected a hybrid PWA using Ionic/Angular, utilizing RxJS Observables to orchestrate complex state flows and REST API integration within a multi-step obituary wizard by implementing CSS animations for template rendering.
[FEAT] Engineered a secure JWT authentication flow using Angular HttpInterceptors to manage automatic token rotation (Silent Refresh) and session persistence, eliminating security risks associated with long-lived access tokens.
[LOG] Implemented multi-provider payment integration (iPay88, PayPal), designing a resilient client-side polling strategy to synchronize UI state with backend asynchronous webhooks, ensuring transactional consistency.
[LOG] Led the technical feasibility analysis and prototyping of AI-driven media features (Deep Nostalgia), validating Product-Market Fit for animated portrait generation as a core value proposition.
Build Artifacts / Metrics
  • Validated Product-Market Fit for AI features
  • Implemented multi-provider payment integration
  • Orchestrated complex state flows with RxJS
~/work

About Me

I am a Node.js developer transitioning into creative development. My background is in distributed systems, API architecture, and performance optimization. Currently, I am exploring the intersection of systems engineering and WebGL graphics.

Tech Stack

Node.js
TypeScript
SvelteKit
WebGL
Docker
PostgreSQL

Get In Touch

I am currently open to new opportunities. Whether you have a question or just want to say hi, I'll try my best to get back to you!

Say Hello