Software Developer · Iloilo, PH

Tristan John
Girao.

Self-taught developer with years of professional experience shipping production web applications. I build in Next.js and TypeScript, and I hold the same line on every ticket: tests, type safety, and code quality before anything ships.

Portrait of Tristan John Girao

01 — About

Most of my work lives in Next.js and TypeScript — a healthcare e-commerce platform and its internal admin app, Supabase, and payment integrations built to PCI, HIPAA, and GDPR requirements.

More recently I've been building an AI-assisted development workflow that separates planning and review from implementation — reasoning agents investigate and plan, constrained workers make the changes, and automated hooks enforce the boundary. It's an extension of how I've always worked: take a complex problem, break it into pieces small enough to reason about, and build something reliable one step at a time.

4+

Years building

2

Production repos

TDD

Failing test first

02 — Stack

Frontend

HTML5CSS3JavaScriptTypeScriptReactNext.js (App Router)Tailwind CSSRadix UIChakra UIViteTanStack QueryTanStack TableReact Hook FormChart.js

Backend

Node.jsExpress.jsPostgreSQLSupabaseMongoDBGraphQLREST APIsServer Actions

Testing & Quality

JestReact Testing LibraryTest-Driven DevelopmentESLintPrettierRollbar

Infrastructure & Analytics

CloudflareCDNGoogle Analytics 4Google Tag ManagerGoogle Search Console

AI-Assisted Development

Claude CodeAgent OrchestrationCustom Hooks & SkillsPrompt-to-Production Workflows

Tools & Collaboration

GitGitHubJiraFigmaObsidian

03 — Experience

Mashup Garage

Software Developer

January 2024 - Present

  • Build and maintain production web applications for globally oriented clients at a Quezon City based consulting and software development firm.
  • Collaborate with product managers, project managers, and QA through Jira and Git, managing CI/CD workflows and mentoring teammates through troubleshooting, code reviews, and shared development conventions.
01

Quantum Computing Web Application

  • Developed a quantum computing web application, converting Zeplin designs into fully functional Next.js components.
  • Integrated GraphQL for optimized server communication.
  • Implemented unit and integration tests to ensure system functionality and UI stability.
  • Managed GitLab CI/CD workflows for automated testing before deployment.
  • Engaged in frequent client meetings to align objectives and feature development.
  • Collaborated with QA to ensure feature completeness and product stability.
02

Medical Products E-Commerce Platform

  • Led the development of a healthcare e-commerce platform and companion internal admin application under tight release deadlines.
  • Built both applications with Next.js, React, strict TypeScript, Tailwind CSS, Radix UI, and reusable tested components.
  • Used Supabase (Postgres, Auth, Storage, RLS, stored procedures) and optimized data retrieval.
  • Managed client and server state with TanStack Query and React Server Components, building admin views with TanStack Table and Chart.js.
  • Integrated secure payment APIs, including refund and reconciliation flows, while meeting PCI, HIPAA, GDPR, and CCPA requirements.
  • Implemented product, order, and reporting analytics using GA4, GTM, and Search Console, with metrics surfaced in an in-app dashboard.
  • Practiced TDD with Jest and React Testing Library, enforcing coverage, type-checking, linting, and full test runs.
  • Implemented error monitoring and structured event logging with Rollbar under strict no-PHI logging rules.
  • Managed Cloudflare for DNS and API routing, with product imagery served through a CDN for faster, secure delivery.
  • Managed GitHub workflows, branching, release cherry-picks, and PR reviews across two repositories with the Project Manager.
03

Agentic Development Workflow

  • Adopted and codified an AI-assisted development process in November 2025, iterating it into a hook-enforced agentic workflow now used across two production repositories.
  • Designed it goal-oriented rather than ticket-driven: each task begins from the business outcome, reproducing the real behavior, confirming the underlying cause, then shipping the smallest change that meets the goal.
  • Enforced planner and executor separation of duties, where a reasoning agent investigates, plans, and reviews while constrained worker agents make all code changes, backed by custom pre-tool-use hooks that mechanically block out-of-policy edits.
  • Codified team standards as reusable skills and slash commands covering repo conventions, the ticket lifecycle, and recurring failure modes, so hard-won lessons are enforced on every task instead of re-learned.
  • Made verification non-negotiable: failing test first, then implementation, then type-check, lint, and full suite before any commit, with no claim of completion without command output behind it.
  • Applied a deliberate anti-overengineering rule, the simplest implementation that meets the goal, to keep AI-assisted code reviewable and shrink edge-case surface area.

Freelancing

Freelance Developer

September 2022 - December 2023

  • Developed multiple projects in collaboration with clients and developers.
  • Communicated with clients throughout the project lifecycle to align goals and expectations.
  • Worked with other developers to deliver high-quality solutions.
  • Delivered products that met client needs and left with a positive review.
01

QR Inventory System

  • Developed a QR-based inventory system with an intuitive user interface.
  • Implemented account creation, payment processing, and checkout features.
  • Generated downloadable and printable QR codes for in-store tracking.
  • Tech stack: React.js, Tailwind CSS, Flask, Python, SQL, GitHub.
02

Job Posting Site

  • Built a job posting platform with both web and mobile applications.
  • Designed employer and employee features, including job listings, application management, and assessments.
  • Developed an admin dashboard for monitoring user actions, analytics, and reports.
  • Tech stack: React Native, React.js, Tailwind CSS, Firebase.

Alabaster Technologies Inc.

Full Stack Web Developer Intern

March 2022 - May 2022

  • Developed an NFT-based e-commerce platform using the MERN stack and Next.js.
  • Translated Figma prototypes into fully functional, deployable websites.
  • Created reusable backend functions and frontend components to optimize development efficiency.

04 — Contact

Let's build something worth shipping.

Open to discussing creative ideas and opportunities to be part of your visions.

© 2026 Tristan John GiraoIloilo, Philippines