System Designer

Creating purposeful systems with an engineer’s discipline and a creative eye.

Cymatics Lab workspace with the Resonance Garden, playback timeline, and sound insights — Resonance Garden

Cymatics Lab

An interactive audio lab for exploring frequency, resonance, and harmony through eleven visualizations and full track analysis.

Why it matters: Sound is easy to hear and harder to explain. The lab makes changes in a track visible, connecting what you hear with patterns you can explore.
The decision: Let playback drive the visual field and keep the signal calculations visible. The garden invites exploration; the measurements explain how sound becomes shape.

TribeOS relationship workspace dashboard with daily actions and promises — Today’s priorities

TribeOS

A relationship networking workspace for people recon, network mapping, strategic outreach, and consistent follow-through.

Why it matters: A useful introduction or a promise can get lost between notes, messages, and reminders. Relationship context should lead naturally to the next thoughtful action.
The decision: Bring people research, daily actions, and the network map into one workspace. Keep the context beside the follow-through, so a connection can become a concrete next step.

LedgerOS financial overview with random USD sample balances, net worth history, and monthly spending — Financial overview

LedgerOS

A personal financial workspace combining an interactive ledger preview, account balances, spending insights, and document chat with page citations.

Why it matters: Accounts, transactions, and financial documents can tell disconnected stories. One workspace should make the numbers understandable and keep the context behind them close at hand.
The decision: Derive the dashboard from exact ledger amounts and keep document research separate. Keep the dashboard behind a sign-in and fill it with randomly generated sample data while the persistent financial backend is built.

Earlier work

NexusContact center platform

Nexus contact center sign-in screen from the earlier portfolio

A real-time contact center platform unifying voice, SMS, chat, email, and ticketing so teams can manage customer conversations in one place.

Led full-stack development at JustPressOne, including custom WebSocket services, Azure single sign-on, database work, and server operations.

Node.jsLaravelWebSocketsAzure

ImpactifyFrontend engineering

Impactify public website archived in the earlier portfolio

Version 2 of an internal platform, with authentication flows, data tables, and charts for clearer access to information.

Collaborated with the project and backend teams to build the platform’s interfaces. The archived image shows the public Impactify website.

FrontendUI librariesInternal tools

Latin TiendaEcommerce

Latin Tienda storefront with product categories and promotional banners

An ecommerce storefront for South American products, supported by account, digital wallet, and product discovery APIs.

Built backend APIs at Pinzak Networks for accounts, digital wallets, product pagination, filtering, and sorting.

LaravelNode.jsREST APIs

HaruXRestaurant ordering

HaruX admin dashboard showing table orders and billing queues

A restaurant ordering PWA connecting table-side orders, kitchen queues, billing, and admin monitoring into a live service workflow.

Designed the UI/UX prototype in Adobe XD and built the JavaScript application, carrying the ordering flow from concept to a working system.

JavaScriptPWAAdobe XD

Experience

Résumé

I build web applications, real-time systems, and the infrastructure behind them. My work connects product interfaces, APIs, architecture, and delivery.

From restaurant ordering and ecommerce to contact centers and internal banking systems.

Dec 2023 — PresentConsultantGenpact

Developing internal banking systems for Macquarie, with a focus on user interfaces, delivery workflows, and performance.

Developed internal systems supporting bank operations.
Improved user interfaces, DevOps workflows, and performance.
Worked with event-driven architecture, microservices, and micro-frontends.

Banking systemsEvent-driven architectureDevOps

Jun 2021 — May 2023Full-Stack DeveloperJustPressOne Inc.

Built Nexus, a real-time contact center platform connecting voice, SMS, chat, email, and ticketing.

Led development across the frontend, backend, database, server operations, and documentation.
Delivered communication workflows using Twilio, Laravel/PHP, Node.js, and Azure.
Replaced PusherJS with custom WebSocket services in version 2.
Integrated Microsoft Azure single sign-on and managed cloud operations.

Real-time systemsWebSocketsAzure

May — Aug 2022Front-End DeveloperImpactify

Developed the frontend for version 2 of Impactify’s internal platform.

Built interfaces for authentication, data tables, charts, and internal pages using UI libraries.
Collaborated with project managers and backend developers on the front-facing system.

Frontend engineeringUI librariesInternal tools

Jan — May 2021Back-End DeveloperPinzak Networks

Built ecommerce API services for Latin Tienda, including account, payment, and catalog workflows.

Developed user account and digital wallet flows for recording payments.
Contributed PHP/Laravel and Node.js backend services.
Implemented pagination, filtering, and sorting for product data.

LaravelNode.jsAPI design

Nov 2019 — Dec 2020Web DeveloperBrewedlogic Inc

Built and maintained web systems across interfaces, APIs, and production support.

Translated UI/UX designs into React, Vue, and Angular interfaces.
Developed backend services with Python/Django, Node.js, Express, NestJS, and PHP/Laravel.
Worked across planning, development, testing, and maintenance in an agile workflow.
Monitored and diagnosed production systems, with Git and GitLab supporting release coordination.

Full-stack engineeringProduction supportAgile delivery

Nov 2018 — Apr 2019Web DesignerLinkage Web Design and Development Services

Turned static designs into responsive websites focused on visitor enquiries.

Built responsive website templates from Adobe design files.
Created pages that connected visitor interest with clear paths to enquire.

Responsive designWeb design

Jul 2018 — Aug 2019App DeveloperHaru

Built a real-time restaurant ordering application from UI/UX prototype to working product.

Created Adobe XD prototypes for client review.
Translated the approved designs into a JavaScript web application.
Developed the live ordering flow for restaurant operations.

JavaScriptPrototypingReal-time ordering

Jan 2017 — Aug 2019Software DeveloperFreelance

Delivered small-business web applications from design and architecture through hosting and deployment.

Built JavaScript and CSS interfaces and backend services.
Designed system architecture, databases, and UI/UX prototypes.
Handled hosting, deployment, system setup, and feature updates.

System designUI/UXDeployment

Jul — Dec 2016Contact Center RepresentativeFoundever (Sitel)

Resolved customer issues across voice, email, and chat.

Provided clear voice support and practical next steps for email cases.
Handled customer chat conversations and follow-up questions.

Customer experienceCommunication

Background

Tools & focus

Building with Rust and exploring agentic engineering, retrieval systems, and local models.

RustTypeScriptGoPythonAngularReactVueHTMXNode.jsLaravelPostgreSQLRedisDockerKubernetesAWSAzureCI/CDSystem designUI/UXAgentic engineeringRAGLocal models

Bachelor of Science in Information Technology

Data Center College of the Philippines

Also shared theoretical and practical IT knowledge through teaching at the college, starting in August 2024.

Selected credentials 5