# Gabriel Mari S. Flores

Design Engineer
Naga City, Philippines

hi@renshu.me  |  +63 963 728 2456  |  [renshu.me](https://renshu.me)  |  [github.com/Shuuren](https://github.com/Shuuren)  |  [linkedin.com/in/gabrielmariflores](https://www.linkedin.com/in/gabrielmariflores/)

## Summary

Design engineer building interfaces in React, TypeScript, and Convex. I care about how a product feels to use, and most of that work is invisible, which is exactly the point. I prototype in code with agents in the loop, so the distance between an idea and something you can click is hours.

## Experience

### Bicol JL Agri Corporation  |  Developer intern

Pili, Camarines Sur  |  Jun 2025 – Jul 2025  |  Built for COCOCHI, the company's resort

- Built the screen that closed a gap. COCOCHI always knew what was available; the person standing in front of a guest did not, not without asking someone first.
- Designed it as an interactive availability map in React. A glance and a click, where it used to be paper and a phone call.
- Modeled the resort's own spaces, cabanas, tents, gazebos, rooms, instead of bending them into a generic booking schema.
- Synced it to the resort's invoice records over an Express API and let it run. No manual updates.

## Projects

### KopiiDokii  |  Client site, in production

Next.js, React, TypeScript, Tailwind CSS, Convex
[kopiidokii.me](https://kopiidokii.me)

- Built the site in Next.js so you get the place itself, not a description of it. A cafe is a room, a smell, a pace.
- Tuned the Tailwind layout indulgent on a desktop and sharp in the hand, because the phone had to be just as right.

### SHEEP Training Center  |  Client enrollment system, in production

TanStack Start, React, TypeScript, Convex
[sheeptrainingcenter.com](https://sheeptrainingcenter.com)

- Designed and built the system that moved SHEEP's course discovery, guided enrollment requests, and enrollee management out of a crowded Messenger inbox.
- Built the customer and staff applications for a DOLE-accredited training center that has trained 400+ people and delivered training for three schools and companies.

### Naga Build Check  |  Civic tool, redesign of the city's prototype

React, TypeScript, Tailwind CSS, Motion
[naga-build-check-redesigned.vercel.app](https://naga-build-check-redesigned.vercel.app)

- Rebuilt Naga City's rough prototype in React into something a property owner would actually reach for.
- Started from the city's prototype and closed most of the distance to a real, usable tool.
- Stripped the flow down so a first-timer gets through without a walkthrough.

## Education

### Ateneo de Naga University

Bachelor of Science in Computer Science  |  Naga City, Philippines  |  Graduated May 2026

## Skills

- **Frontend:** React, Next.js, TanStack Start, TypeScript, JavaScript, HTML, CSS, Tailwind CSS
- **Design:** interface and interaction design, motion, typography, responsive layout, accessibility
- **Backend:** Node.js, Express, Convex, Clerk, data modeling, API integrations
- **Tools:** Git, GitHub, Vercel
- **Workflow:** Claude Code, Cursor, ChatGPT, agentic engineering