(07 PROJECTS) — Full-Stack Development & Systems

DIGITAL
SYSTEMS.

Software architecture, full-stack applications, desktop tools, and applied security systems. Designed with brutalist precision and engineered for speed, reliability, and maintainability.

End-to-End Pipeline

Design the product.
Build the system.

01.

DESIGN

Visual Identity & Systems

02.

INTERFACE

UI / UX & Component Models

03.

FRONTEND

Client State & Logic

04.

BACKEND

APIs & Business Rules

05.

DATABASE

Relational Schemas & RPCs

06.

DEPLOYMENT

CI/CD & Edge Delivery

CATEGORY 01

CLIENT SYSTEMS.

Production community & institutional platforms

[3 CLIENT PLATFORMS]
SK Balite Plus event standee and platform preview
SYS.01 — CLIENT SYSTEM
Active Development
Lead Full-Stack Developer & UI/UX Designer2025–2026

SK Balite Plus

Full-stack barangay youth engagement, live attendance, and digital administration.

A modern full-stack web platform and PWA designed to streamline Sangguniang Kabataan and barangay youth operations. Centralizes event management, live Supabase Realtime attendance, tokenized guest access, digital certificates, evaluations, sports festival leaderboards, and gamified community rewards.

Next.js 15React 19TypeScriptSupabasePostgreSQL
VIEW CASE STUDY→
LIVE ↗
LearnMCA School Management System Interface
SYS.02 — CLIENT SYSTEM
Active Development
Lead Full-Stack Developer & System Architect2024–2026

LearnMCA

AI-enhanced full-stack school management system integrating enrollment, academics, LMS, payments, attendance, communication, and intelligent analytics.

A full-stack school management platform built for Maranatha Christian Academy Foundation. Centralizes enrollment, student and personnel records, academic management, teacher assignments, spreadsheet-style grading, payments, RFID attendance, school services, learning resources, communication, and AI-assisted analytics in one institutional system. Features an integrated LMS with interactive activities and quizzes, offline grade entry with sync resilience, and multi-channel notifications.

React 18TypeScriptVitePHP (LavaLust MVC)MySQL
VIEW CASE STUDY→
LIVE ↗
Learning Resource Management System Dashboard Interface
SYS.03 — CLIENT SYSTEM
Active Development
Primary Developer / Project Lead (~80% Development Contribution)2024–2026

LRMS

Centralized learning resource repository, curriculum management, and SBM governance.

A server-rendered Django educational management system developed for Adriatico Memorial School. Centralizes curriculum management, teaching assignments, digital learning resource evaluation and approval workflows, and School-Based Management (SBM) document compliance.

PythonDjangoDjango ORMJavaScriptHTML5
VIEW CASE STUDY→
CATEGORY 02

PERSONAL PRODUCTS.

Desktop automation, local-first security, computer vision & mobile tools

[4 SOFTWARE PRODUCTS]
Vaultify Mobile Password Manager Application Screen
SYS.04 — PERSONAL PRODUCT
Active Development
Creator & Mobile Developer2025–2026

Vaultify

Privacy-first, offline-first password manager with AES-GCM-256 local encryption.

A privacy-first, local-first hybrid mobile password manager built with Ionic Vue, TypeScript, and Capacitor. Encrypts sensitive credentials on-device using authenticated AES-GCM-256 and PBKDF2 key derivation, supporting master-password, six-digit quick PIN, and native biometric unlock without requiring a cloud account.

Ionic Vue 8Vue 3TypeScriptCapacitor 6AES-GCM
VIEW CASE STUDY→
SRC ↗
Jeizi OCR Controller Windows Desktop Interface
SYS.05 — PERSONAL PRODUCT
v2.0 Production
Creator & Systems Engineer2024–2026

Jeizi OCR Controller

Real-time esports OCR and broadcast-telemetry engine for live tournament overlays.

A high-performance .NET 8 Windows desktop application that converts live video broadcast streams into structured telemetry in real time. Features multi-source capture (OBS Virtual Camera, capture cards, desktop), OpenCV preprocessing filters, local Tesseract OCR, noise rejection stabilization, and atomic TXT/JSON/HTTP output.

C# 12.NET 8Windows FormsTesseract 5.2OpenCV (OpenCvSharp 4)
VIEW CASE STUDY→
SRC ↗
AutoSnap Desktop Capture & Transcription Interface
SYS.06 — PERSONAL PRODUCT
v1.2 Active Development
Creator & Desktop Developer2024–2026

AutoSnap

Windows capture utility with interval screenshotting and offline Whisper speech-to-text.

A privacy-first Windows desktop productivity application combining timed multi-source screen/browser capture, FFmpeg non-real-time video frame extraction, WASAPI system-audio loopback recording, and fully local Whisper speech-to-text transcription with mixed Taglish language support.

C# 12.NET 8Windows FormsWhisper.netNAudio (WASAPI)
VIEW CASE STUDY→
SRC ↗
Retrv Lost and Found Community Mobile App Interface
SYS.07 — PERSONAL PRODUCT
Active Development
Creator & Full-Stack Mobile Developer2025–2026

Retrv

Community-powered Lost & Found mobile platform with realtime messaging and push alerts.

A hybrid mobile community application built with Ionic Vue, TypeScript, Capacitor, and Supabase. Transforms isolated lost-item posts into structured, collaborative recovery workflows with location tagging, public discussion threads, Supabase Realtime private chat, community merit awards, UploadThing media handling, and Firebase Cloud Messaging (FCM) push notifications.

Ionic Vue 9Vue 3.5TypeScriptCapacitor 8Supabase
VIEW CASE STUDY→
SRC ↗

(CAPABILITIES) — Technical Competencies

ENGINEERING
DISCIPLINES.

Core technical competencies derived from actual shipped systems, desktop software, and mobile applications.

01

Full-Stack Web Applications

Production Next.js, React, and Django web platforms featuring server-side RBAC, database-level pagination, real-time sync, and sub-100ms render targets.

NEXT.JS 15REACT 19TYPESCRIPTDJANGOTAILWIND CSSPWA
02

Backend & API Engineering

PostgreSQL RPC stored procedures, type-safe REST APIs, microservices, tokenized guest access, authentication, and query aggregation under load.

POSTGRESQL RPCSSUPABASEPHP LAVALUSTNODE.JSRESTJWT
03

Desktop Systems & Computer Vision

High-performance .NET 8 desktop utilities, real-time video stream capture, OpenCV image thresholding, Tesseract OCR, and NAudio WASAPI recording.

C# 12.NET 8OPENCVTESSERACT OCRWASAPIDIRECTSHOWFFMPEG
04

Mobile Security & Offline AI

Hybrid mobile applications with native biometric authentication, Web Crypto AES-GCM-256 local vaults, and local Whisper speech-to-text inference.

IONIC VUECAPACITORAES-GCMPBKDF2WHISPER.NETFCM PUSH