Currently a Product Engineer at Wonder Group (working across portfolio ventures including St Trinity Property Group and Wedded Wonderland). Filipino-Taiwanese, operating globally and digital-first, I bridge product strategy, systems engineering, and executive operations for high-growth tech ventures and enterprise teams across North America, Australia, and APAC.
Having previously led legacy ERP modernization at Hoversight AI Technology, my focus today spans full-cycle product engineering, governed AI workflows, and operational infrastructure: building self-sustaining, high-integrity systems that scale the business without burning out its people.
服務
02服務 · WHAT I DOSELECT TO EXPAND
01DIGITAL-FIRST ADVOCATE
數位優先
Moving organizations off paper, spreadsheets, and tribal knowledge. I map how work actually happens, rebuild it as documented, tooled process, and train the teams who have to live in it. A system only pays off if people use it, so adoption is part of the job.
CONTEXT / ENGAGEMENTMIB · BLVD · STACKTREK
SOP ArchitectureChange ManagementTooling MigrationTeam Training
02PRODUCT STRATEGY
產品策略
Owning the why and the when. Before any screen gets designed, I find out who does what, which numbers leadership needs to trust, and which problem hurts most, then set a build order that starts there. Much of this was learned on legacy ERP, where every decision carries twenty years of history with it.
Architecture that holds. I turn how a business runs into a data model, user roles, and integration boundaries, with access enforced at the data layer and one source of truth for each number. The goal is a system that stays coherent long after the original team has moved on.
CONTEXT / ENGAGEMENTHOVERSIGHT · PULSE · GENERAL ERP
Data ModelingPostgreSQLRole-Based AccessIntegration DesignERP Architecture
04WEB DEVELOPMENT
網頁開發
Shipping the interface as well as speccing it. I build full-stack applications end to end, from database and API through to the front-end, with a design system underneath so each new screen is faster than the last. When one person holds both the product decisions and the code, nothing gets lost between spec and build.
CONTEXT / ENGAGEMENTFREELANCE · PULSE · GENERAL ERP · DOMUS
ReactNext.jsTypeScriptTailwind CSSSupabaseNode.jsDesign Systems
05AI AUTOMATION
智能自動化
Putting AI where it removes real work: rules that create follow-up tasks on their own, or an assistant that turns a typed note into a deal record. I build workflow automation and LLM features into the products I ship, and I train builders at StackTrek to do the same.
CONTEXT / ENGAGEMENTSTACKTREK · PULSE
LLM IntegrationWorkflow AutomationRules EnginesPrompt SystemsAI Training
Five disciplines, one throughline: systems that scale past the people who build them.
郭仙娜 · HSIEN-NA KUO
作品
系統
智能
A PHILOSOPHY
Build systemsthat compound.
03作品 · SELECTED WORKSELECT FOR CASE STUDY
GENERAL ERP · EXECUTIVE DASHBOARD● LIVE
TODAY'S SALES · ALL BRANCHES₱486,200+8% vs yesterday · 6 branches
14 ACTIVE PRODUCTION BATCHES
97.4% Yield Accuracy · 8 Operating Modules
01壹LIVE MULTI-BRANCH ERP
General ERP Operations Platform
One system replaced spreadsheets, a standalone POS, and manual purchase orders for a multi-branch operator. I scoped, designed, and built it alone, and it runs their daily sales, inventory, and production.
3 → 1
TOOLS CONSOLIDATED
Live
IN PRODUCTION
Sole PM & BuilderLive in ProductionMulti-Branch ERP
EXPLORE CASE STUDY →
PULSE · ALL-IN-ONE BUSINESS OS● LIVE
12 OPERATING MODULES62 Data Entities25 Functions · Live across 5+ Teams
02貳BUSINESS OPERATING SYSTEM
Pulse Operating System
One system of record replaced five-plus disconnected tools and is used daily by five-plus teams. I scoped, designed, and built all 12 modules alone.
5+ → 1
TOOLS REPLACED
5+
TEAMS USING IT DAILY
Sole PM & BuilderLive in ProductionBusiness OS
EXPLORE CASE STUDY →
CURIO STUDIO · LIVE ECOSYSTEM● LIVE
DOMUS REAL ESTATE · GETDOMUSNOW.COM● SUPABASE
2 LIVE PRODUCTION SITES
DOMUS (Supabase) · Curio Studio
03參LIVE CLIENT BUILD
DOMUS Property Portal
A live property portal for E. Gatanela Realty Co. in Bacolod City. I designed and built it end to end on Supabase and PostgreSQL, from the listing database to the public site.
Live
IN PRODUCTION
500+
PROPERTIES LISTED
Freelance Client BuildLive in ProductionReal Estate
EXPLORE CASE STUDY →
01壹CASE STUDY DISCLOSURE
LIVE MULTI-BRANCH ERP
General ERP Operations Platform
Sole PM & Full-Stack BuilderReact 18 · Vite · TailwindBase44 BaaS · 60+ Serverless FunctionsLive in Production
“One system replaced spreadsheets, a standalone POS, and manual purchase orders for a multi-branch operator. I scoped, designed, and built it alone, and it runs their daily sales, inventory, and production.”
A growing multi-branch operator needed one system to run production at a central facility, move stock out to branches, sell at the counter, and close the books. They were stitching together a spreadsheet inventory count, a separate POS, and manual purchase orders, and each seam was a blind spot. Leadership needed one number they could trust for what is in stock, what is in transit, and which branch is actually profitable, fitted to their own operating model instead of an off-the-shelf template.
MY OWNERSHIP & ROLE
I owned this from problem definition to shipped product. I modeled the production → distribution → branch-sales flow as data, designed role-based access so a branch cashier and a finance admin see very different systems from the same codebase, and built the full frontend and backend myself. The screens shown here are a genericized version of that system: same architecture, with the client's industry and figures replaced by sample data.
APPROACH & KEY ARCHITECTURE DECISIONS
4 DECISIONS
01
Model the physical flow of goods
Raw materials → work-in-process pools → finished goods → branch inventory → point-of-sale deduction is one continuous, auditable chain in the data model. A stock discrepancy can be traced to the exact step where it happened.
02
One source of truth per stock location
Branch finished-goods stock is decremented only by actual sales and pullouts, so there are no parallel ledgers to drift apart. Dozens of reconciliation and audit functions check this against the live data.
03
Role-aware by construction
A branch user, a production user, and an admin all load the same app but see scoped navigation and scoped data. The scoping is enforced at the data-fetch layer, so hiding a menu item is never the only protection.
04
Built for one client, reusable for others
Batch tracking, yield pools, and quality-check gates were built for this client's exact process. The underlying shape, central production feeding branches that each hold their own inventory and P&L, applies to any multi-location operator.
OUTCOME
General ERP replaced a patchwork of spreadsheets and a standalone POS with one system covering production, inventory, distribution, sales, and finance. Finance reports roll up from the same transactions the counters and the production floor record, so there is no separate reconciliation step between operations and the books.
OPERATIONAL MODULES & PRODUCTION SCREENS
High-fidelity UI and system workflows shipped for daily enterprise usage
7 PRODUCTION SCREENS
01
Executive Dashboard
Core Operations
Real-time cross-branch KPIs (today's sales, low-stock alerts, pending purchase orders, active production batches), branch performance ranking, and a live inventory-alerts feed.
02
Branches & Outlets
Sales & Branches
Per-branch cards with manager assignment, live sales, and stock-health status; day-close/reconciliation workflow so a branch can be opened and closed cleanly each business day.
03
Inventory Tracking
Inventory & Procurement
Unified view across raw materials, packaging, and finished goods at every location, with expiry and low-stock alerts and a full audit trail of every stock movement.
04
Production Management
Production & WIP
Batch pipeline from queued through quality check to distributed, work-in-process pool tracking in both weight and count modes, and yield-accuracy monitoring against the bill of materials.
05
Procurement & Purchase Orders
Procurement & Vendors
Purchase-order lifecycle from draft to received, vendor scorecards, and reorder suggestions driven off live stock levels.
06
Distribution & Fleet Logistics
Distribution
Delivery-trip dispatch with driver/vehicle assignment and branch transfer tracking from warehouse to counter.
07
Financial Management
Finance
Income statement, branch-level profitability comparison, expense tracking, and asset management, all rolling up from the same transactional data the operations screens use — no separate reconciliation step to get from ops to finance.
OPERATIONAL SCOPE62 data entities, 25 backend functions, 55+ routed pages across 12 operating modules
THE CORE PROBLEM
The business was running on disconnected tools: spreadsheets for pipeline, a separate app for tasks, manual bookkeeping, and no single record of who owned what. Leadership could not find out what was overdue, how much runway was left, or whether an SOP was still accurate without pinging four people. The brief was to replace that patchwork with one system that people would actually open.
MY OWNERSHIP & ROLE
I owned this from problem definition to shipped product: scoping the modules against how the business operates, designing the data model (entities, relationships, access control), building the full frontend and backend, and iterating week over week with the teams using it. Product decisions and implementation were the same job, so there were no handoffs.
APPROACH & KEY ARCHITECTURE DECISIONS
4 DECISIONS
01
Model the org itself
The module set (Launch → Sustain → Market → Lessons) mirrors the business's own operating cycle, so using the tool teaches the workflow. An off-the-shelf project tool would have forced the business into someone else's template.
02
One system of record, many audiences
The same underlying entities (Task, Client, Opportunity, Transaction) appear differently for an executive (Dashboard), a specialist (Sales Pipeline), and an admin (Financial Dashboard), so no team maintains a parallel tool.
03
Governance from the data layer up
Role-based access control, an audit log, and an automation rules engine were part of the first data model and were never patched on afterwards.
04
Audit my own numbers
After shipping, I audited the product for places where a computed number could quietly mislead as data grew. That audit drives the improvement backlog: stats that flag what needs attention, consistent design tokens, and readable dense screens.
OUTCOME
Pulse is in daily use across five-plus teams and replaced five-plus disconnected tools with one system of record. Overdue work, runway, and stale SOPs are each visible on a screen, so leadership no longer has to ask around for them.
OPERATIONAL MODULES & PRODUCTION SCREENS
High-fidelity UI and system workflows shipped for daily enterprise usage
7 PRODUCTION SCREENS
01
Executive Dashboard
Overview
Role-aware landing view with live stats, a weekly throughput chart, an "operating cycle" quick-nav, personal task list, and an audit-log-driven activity feed.
02
Sales & CRM
Sales Pipeline
Drag-and-drop pipeline board with stage totals, lead scoring, automated email sequences, and an AI sales assistant for natural-language deal entry.
03
Finance & Runway Modeling
Financial Dashboard
Double-entry bookkeeping with journal entry proposals and approvals, multi-scenario runway modeling, budget-vs-actual variance, invoicing with PDF generation, and P&L / balance sheet / cash flow reports normalized across currencies via live FX rates.
04
SOP Vault
Knowledge & Process
A structured knowledge base of standard operating procedures with lifecycle status (draft/active/stale), layer-coverage analytics, run history, and a review queue so process knowledge stays accurate instead of rotting in a shared drive.
05
Automations & Governance
Automations
A visual trigger → condition → action rules engine (e.g., "new client → create kickoff task," "invoice overdue → notify manager") plus fine-grained role-based permissions and a full audit trail.
06
Org & Departments
Org Chart
A visual, drag-to-reorder org chart down to sub-teams and individual roles, kept in sync with the permissions model.
07
People & Talent
Hires / HR
Applicant tracking from open role to hire, structured evaluations, candidate comparison, onboarding-task generation, and an employee self-service profile.
Designer & Full-Stack BuilderSupabase · PostgreSQLLive in Production
“A live property portal for E. Gatanela Realty Co. in Bacolod City. I designed and built it end to end on Supabase and PostgreSQL, from the listing database to the public site.”
LiveIN PRODUCTIONgetdomusnow.com
500+PROPERTIES LISTEDDOMUS live catalog
4PROPERTY TYPESLot, house, condo, commercial
1BUILDERDatabase, API, and front-end
EXECUTIVE BRIEF· AT A GLANCE
MY ROLEDesigner and full-stack builder, concept to production
CURRENT STATUS
Live in production at getdomusnow.com
TECHNOLOGY ARCHITECTUREReact 18 · Tailwind CSS · Supabase (PostgreSQL, storage, auth) · structured JSON-LD for local search
OPERATIONAL SCOPEProperty catalog with filtering by lot, house, condo, and commercial; neighborhood discovery; pages for brokerage, appraisal, and title-transfer services
THE CORE PROBLEM
A long-established brokerage in Bacolod City needed its listings and services online in a form buyers could actually search. A small firm has no separate designer, front-end developer, and database engineer, and a design handed over as a static file loses its intent once someone else builds it.
MY OWNERSHIP & ROLE
I designed and built it myself: the property schema in PostgreSQL, storage and auth on Supabase, the filtering and neighborhood pages, and the brand and typography on top. The client received a working product instead of a handoff.
APPROACH & KEY ARCHITECTURE DECISIONS
4 DECISIONS
01
Design the data model first
The property schema and API were designed alongside the UI components, so real listings with missing photos or odd lot sizes never break the layout.
02
Make the deciding detail the clearest
Each screen is structured so the detail a buyer decides on, such as price, type, or location, is the most prominent thing on it.
03
A brand of its own
Typography, spacing, and small interactions were tuned by hand so the site reads as this brokerage and no one else, instead of as a stock component library.
04
Built to be found locally
Structured JSON-LD, location-specific markup for Bacolod City and Negros Occidental, and light client bundles help the listings load fast and surface in local search.
OUTCOME
DOMUS is live at getdomusnow.com with 500+ properties listed. The same design-and-build approach produced Curio Studio (the-curio.space), a brand site for a photography and digital studio.
OPERATIONAL MODULES & PRODUCTION SCREENS
High-fidelity UI and system workflows shipped for daily enterprise usage
Brokerage, property appraisal, title transfer, and land development platform for E. Gatanela Realty Co. in Bacolod City and Negros Occidental. Built end to end on Supabase and PostgreSQL, with property filtering (lot, house, condo, commercial), neighborhood discovery, and local SEO markup.
500+
PROPERTIES LISTED
Supabase
DATABASE & STORAGE
SupabasePostgreSQLProperty FilteringNeighborhood DiscoveryLocal SEO
Product engineering, digital operations platforms, and technical architecture across enterprise portfolio brands.
Hoversight AI Technology
PRODUCT MANAGER (FORMER)
Managed legacy ERP products end to end: discovery, roadmap, data architecture, and prioritization.
Zilla Media
PRODUCT MANAGER
Partnership decks, media outreach, and the executive operating cadence.
MIB · BLVD
PROGRAM DIRECTOR · FOUNDING CONTRIBUTOR
Wrote the SOPs, chose the tooling, and designed the programs from the start.
StackTrek · Freelance
TRAINER · UI/UX ENGINEER
Training builders in AI and automation; designing dashboards and building full-stack apps for freelance clients.
對象 · WHO I WORK WITHIS THIS YOU?
分店
MULTI-BRANCH OPERATORS
Stock counts that never matchPOS separate from inventoryPurchase orders done by handNo profit view per branch
團隊
GROWING TEAMS
Pipeline kept in spreadsheetsTasks in one app, books in anotherSOPs nobody updatesAnswers that take four people
客戶
CLIENT-FACING BUSINESSES
A catalog customers cannot searchListings updated by handA site that does not match the brandNo one to own design and build
成果
WHAT YOU GET
One system of recordAccess scoped to each roleSOPs and team trainingOne person accountable
聯絡
05聯絡 · LET'S BUILDCONNECT & INQUIRE
LET'S BUILD.
Open to new client builds. If your business has outgrown its spreadsheets and disconnected tools, email me what you run on today and what breaks most often. I will reply with whether I can help and how I would start.
