// FULL STACK WEB & MOBILE DEVELOPER

Full Stack Developer building modern, scalable, and user-focused web and mobile applications.

I work across frontend, backend, and mobile to turn ideas into fast, reliable, and well-architected products. I care about performance, clean design systems, and building software that scales with users and business needs.

Skills & Tools

Languages & Frameworks

TypeScript
React
Vue
Next.js
Nuxt.js
Laravel
Nest.js
FastAPI
CodeIgniter
jQuery

State, Data & UI

Zustand
Pinia
TanStack Query
React Router
Tailwind CSS
shadcn/ui
Bootstrap
Vuetify
PrimeVue

Databases & Services

PostgreSQL
MySQL
Supabase
Drizzle ORM
Redis
JWT

Tools & DevOps

Git
GitHub
GitLab
Docker
AWS
Postman
VS Code
Jira
NotionNotion

AI Tools

Claude
ChatGPT Codex
n8n
Cursor

Personal Projects

Water Refilling Management System thumbnail
Web & Mobile

Water Refilling Management System

An all-in-one operations system built for water refilling stations to simplify and digitize daily business processes. It supports customer management, delivery scheduling, inventory tracking, sales and expense monitoring, and maintenance scheduling for both owners and staff. The platform improves operational efficiency, strengthens coordination, and provides a centralized view of business performance.

TypeScriptNext.jsReact Native ExpoSupabase (PostgreSQL & Storage)Clerk (Auth)Github Action (CI/CD)TanStack (Query & Table)ZustandTailwind CSSNativeWindShadcn/ui
Negosyo Tracker thumbnail
Web & Mobile

Negosyo Tracker

A business management platform that centralizes product, customer, order, expense, and sales management for small businesses. The system helps business owners streamline daily operations, reduce manual recordkeeping, monitor sales performance, and manage business data more efficiently in one accessible platform.

TypeScriptNest.jsNext.jsReact Native ExpoPowerSyncRedisGithub Action (CI/CD)JWTSupabase (PostgreSQL & Storage)Drizzle ORMClerk (Auth)ZustandTanStack (Query & Table)Tailwind CSSNativeWindShadcn/ui
ENT Clinic Management System thumbnail
Web

ENT Clinic Management System

Collaborative task tracker with optimistic updates, drag-and-drop boards, and offline support.

TypeScriptVueNuxt.jsPiniaSupabase (PostgreSQL & Storage)Drizzle ORM
Better Buy thumbnail
Web

Better Buy

A typed REST + webhook platform with JWT auth, rate limiting, and generated client SDKs.

TypeScriptNext.jsZustandTailwind CSSShadcn/ui
N8N Automation thumbnail
Automation

N8N Automation

An accessible component library and design tokens shared across multiple internal apps.

N8NGemini APIGoogle APIwebhook
Coming Soon thumbnail
Web

Coming Soon

A fast documentation site with full-text search, versioning, and MDX-powered content.

?????

Work Experience

  1. Full Stack Developer

    In Progress

    National Center for Mental Health·August 15, 2022 - June 30, 2026

    Developed and maintained multiple Electronic Medical Record (EMR) systems for hospital operations, improving day-to-day workflow efficiency and supporting secure patient data exchange across integrated healthcare systems.

    • Designed and optimized relational database schemas and query structures to improve data integrity, normalization, scalability, and application response times.
    • Implemented Docker-based deployment and monitoring workflows to make staging and production releases more consistent and reliable.
    • Provided production support by monitoring system health, resolving staging and live issues, and addressing user-reported concerns to maintain operational stability.
  2. Full Stack Developer

    Internship

    Avasia Information Systems, Inc·August 2021 - September 2021

    Developed a timekeeping web application that automated employee attendance verification through face recognition and QR code scanning.

    • Built image-based and real-time video face recognition flows using JavaScript, PHP, Mustache.js, and Face API.js.
    • Reduced manual logging errors and improved verification accuracy through automated identity validation.
    ReactTailwind CSSREST API
  3. Data Entry (Special Program for the Employment of Students - SPES)

    Student

    TESDA Rizal Provincial Office·April 2018 - May 2018

    Performed data encoding and validation under the government's SPES initiative, supporting structured administrative work and document management.

    • Used Excel to encode records and validate details against physical documents.
    • Checked entries for accuracy, completeness, and compliance with required office records.
    MS Excel