A community operations platform.
A TypeScript / Next.js platform for managing a residential community — landing, directory, lost-and-found, and admin tooling. Deployed on Vercel.
Things I've built and things I've helped build — own repositories and contributions across the team projects I work on.
Community website for Sudlon, Cebu.
AI fitness coach in your camera.
A community operations platform.
AI species ID + community verification.
Business inventory, desktop C#.
C# capstone — desktop app.
I design and build digital experiences that move with intent — precise typography, responsive motion, and shaders where they earn their weight.
I'm a design engineer working at the seam between interface and motion. I care about the small things — easing curves, the weight of a hover, the half-second before content lands — because that's where a site stops feeling like a document and starts feeling alive.
Most of my work lives in the browser: real-time graphics, scroll-driven narrative, and interfaces that hold up under both a designer's eye and a performance profiler.
When I'm not shipping client work I'm usually deep in a Three.js experiment, a shader sketch, or refactoring my own portfolio for the fifth time this quarter.
HTML and CSS. Wireframes and curiosity, no idea what a closure was.
JavaScript, React, and the realisation that interfaces could feel.
First client sites. First time someone else used my code in production.
GSAP + Lenis. The half-second before content lands started to matter.
Real-time graphics in the browser. Cheap pixels, expensive feelings.
Design engineer in Cebu, building things that move with intent.
The things outside the editor that keep the work honest — desk, ethos, side experiments, and the constraints I build under.
A clean mechanical keyboard, wide screens, and a physical wood desk designed for focused coding and wireframing.
“Simple is hard. Fast is beautiful. Detail is everything.”
Exploring vector math and bezier curves in JS canvas, creating interactive physics maps and aesthetic shader screens.
Focusing on Core Web Vitals, ultra-low bundle sizes, and native animation primitives for speed.
Experiments, shaders and half-finished ideas. Where a technique gets stress-tested before it earns a place in real work.
