Skip to main content
Jon Wayne CabusbusanAvailable for New Opportunities

Full-StackWebDeveloperbuildingsystemspeoplerelyon.

I build responsive React products, typed APIs, secure workflows, and tested data systems from interface to deployment.

Start a conversation
View selected work
Professional headshot of Jon Wayne Cabusbusan
Iloilo, PHFull-stack web systems
OKRa
Full-stack work-tracking platform with 32 route handlers, PostgreSQL/Drizzle, Auth.js, RBAC, secure attachments, and automated testing
~34K LOC
Reisky production site across 23 routes, 74 React components, and 6 API route handlers
55 tests
Automated tests established for Reisky across the production website and headless-CMS platform
Next.js + TypeScript
End-to-end delivery across UI, REST APIs, RBAC, CMS pipelines, testing, and deployment

01 — Selected work

Case-study evidence, not just project tiles.

A compact record of systems I have designed, implemented, optimized, and shipped across freelance, professional, startup, and academic client work.

FreelanceFeaturedJan 2026 - Apr 2026

Reisky — Filipino Martial Arts Studio Platform

Fig. 01
Screenshot of Reisky — Filipino Martial Arts Studio Platform

Production website and headless-CMS platform for a Filipino martial arts studio, designed and built end-to-end as a freelance client project.

Responsibility

Designed and built the site across 23 routes, 74 React components, and 6 API route handlers in strict-mode TypeScript on Next.js 16 / React 19.

Evidence

  • Architected an env-switched dual data source: 12 service-layer modules route at runtime between Sanity CMS (GROQ) and static fallback data behind a single feature flag.
  • Built an end-to-end type-safe content pipeline: 50 Sanity schema types to TypeGen to 12 unit-tested anti-corruption mappers to domain types.
  • Established a 55-test suite and achieved Lighthouse Accessibility 100 across all 12 routes on mobile + desktop, with Best Practices 96 and SEO 92.
Next.js 16React 19TypeScriptSanity CMSGROQ
Read case study
ProfessionalFeaturedMay 2026 - Jul 2026

OKRa — Internal Work Tracking Platform

Department-first collaborative work-tracking platform with workspaces, workflow columns, tickets, cross-department sharing, comments, labels, activity history, invitations, attachments, and administrative oversight.

Responsibility

Connected reusable React workflows, shared TypeScript/Zod contracts, 32 route handlers, PostgreSQL, Drizzle ORM, Auth.js/NextAuth, secure storage, and realtime board updates.

Evidence

  • Connected frontend, API, and database layers through 21 migrations and shared TypeScript/Zod contracts.
  • Implemented Auth.js sessions, session versioning, route protection, scoped permissions, invite/password flows, rate limiting, and admin safeguards.
  • Integrated S3-compatible attachments and avatar storage, SSE/Postgres LISTEN/NOTIFY updates, and 83 automated test files.
Next.js App RouterTypeScriptReactPostgreSQLDrizzle ORM
Read case study
ProfessionalFeaturedJan 2025 - May 2025

Apollo Medical Group — Patient Portal and Booking System

Patient portal and hospital booking system serving patients and admin staff.

Responsibility

Led frontend development, contributed backend refactors, optimized database structure, and supported end-to-end QA in a 2-developer agile team.

Evidence

  • Delivered responsive UI/UX for patients and admin staff.
  • Refactored backend logic and optimized database structure to improve page responsiveness, booking reliability, and maintainability.
  • Shipped to production as part of a 2-developer agile team with end-to-end QA.
Responsive UI/UXBackend RefactoringDatabase OptimizationEnd-to-End QA
StartupJun 2025 - Nov 2025

PackUp (Suppliipack) — Packaging Marketplace

Marketplace platform work for products, orders, notifications, admin-only access, and Firestore-backed operations.

Responsibility

Built product and order API routes in Next.js 15 with CRUD, order placement, updates, deletion, and Firebase Admin SDK/RBAC protection.

Evidence

  • Implemented a service layer for products, orders, and notifications.
  • Triggered event-driven notifications across 5 order lifecycle events.
  • Used Firestore transactions to prevent duplicate sequential IDs under concurrent writes.
Next.js 15Firebase Admin SDKFirestoreRBACREST APIs
StartupJun 2025 - Nov 2025

DemiGAD (BayloCentral) — MSME Marketplace

E-commerce and marketplace flows for listings, category navigation, detail pages, search, autocomplete, filters, social feed interactions, cart, and seller dashboard work.

Responsibility

Built marketplace browsing flows using Next.js 15, Prisma ORM, PostgreSQL, and SWR, and contributed React 19 / Radix UI component architecture.

Evidence

  • Developed a social feed supporting 4 post formats with likes, comments, shares, and real-time updates.
  • Enforced duplicate-action prevention via database constraints.
  • Built cart functionality and contributed to the seller dashboard within a domain-sliced component architecture.
Next.js 15React 19Prisma ORMPostgreSQLSWR
AcademicAug 2024 - May 2025

DTI Iloilo MSME Industry Map

Interactive MSME map and admin dashboard for Iloilo map data, MSME management, user management, and API-layer access control.

Responsibility

Developed MSME and user management API routes, GeoJSON delivery, reusable Firestore utility abstractions, runtime validation, API-layer RBAC, and account-approval workflows.

Evidence

  • Built a GeoJSON endpoint for Iloilo map data.
  • Applied role-based access control at the API layer with end-to-end TypeScript safety and Zod validation.
  • Built an interactive MSME map and admin dashboard with Tailwind CSS, Recharts, and shadcn.
Next.js 14FirestoreGeoJSONTypeScriptZod

02 — Experience

A short record of shipped work.

Formal industry work, OJT, freelance client projects, student-led startups, and academic client engagements across work tracking, healthcare, e-commerce, marketplace, and government products.

2026

Internship

Mashup Technology Ventures Inc. - OKRa

Software Engineering Intern / Full-Stack Developer (OJT)

Built and contributed full-stack features across the Next.js App Router, PostgreSQL/Drizzle data model, Auth.js/NextAuth authentication, RBAC, secure attachments, and realtime board updates.

  • Built a department-first collaborative work-tracking platform spanning workspaces, workflow columns, tickets, cross-department sharing, comments, labels, activity history, invitations, attachments, and administrative oversight.
  • Connected frontend, API, and database layers through reusable React workflows, shared TypeScript/Zod contracts, 32 route handlers, PostgreSQL, Drizzle ORM, and 21 database migrations.
32
Current route handlers across frontend and API workflows
21
Database migrations supporting the platform data model
83
Automated test files across API, database, auth, UI, accessibility, and E2E workflows
Next.js App RouterTypeScriptReactPostgreSQLDrizzle ORM

2026

Freelance · Surrey, BC, Canada

Reisky Martial Arts

Freelance Full-Stack Developer

Designed and built a production website end-to-end on Next.js 16, React 19, strict-mode TypeScript, Sanity CMS, GROQ, and a tested dual-source content pipeline.

  • Designed and built a production website end-to-end: ~34K LOC across 23 routes, 74 React components, and 6 API route handlers in strict-mode TypeScript on Next.js 16 / React 19.
  • Architected an env-switched dual data source: 12 service-layer modules route at runtime between Sanity CMS (GROQ) and static fallback data behind a single feature flag.
~34K
Lines of strict-mode TypeScript
100
Lighthouse Accessibility across all 12 routes
55
Automated tests in the project suite
Next.js 16React 19TypeScriptSanity CMSGROQ

2025

Student-led startup

PackUp - Suppliipack

Full-Stack Developer

Built product and order API routes, service-layer logic, admin-only Firebase Admin SDK/RBAC protection, event-driven notifications, and atomic Firestore transaction safeguards.

  • Built product and order API routes in Next.js 15 with full CRUD, order placement, updates, deletion, and admin-only Firebase Admin SDK/RBAC protection.
  • Implemented a service layer for products, orders, and notifications, triggering event-driven notifications across 5 order lifecycle events.
5
Order lifecycle events implemented
CRUD
Product and order API route coverage
Next.js 15FirebaseFirestoreFirebase Admin SDKRBAC

2025

Student-led startup

DemiGAD - BayloCentral

Full-Stack Developer

Built marketplace browsing, social feed interactions, cart behavior, and seller dashboard pieces for an MSME e-commerce platform.

  • Built marketplace browsing flows — product listings, category navigation, detail pages, search, autocomplete, and filters — using Next.js 15, Prisma ORM, PostgreSQL, and SWR.
  • Developed a social feed supporting 4 post formats with likes, comments, shares, and real-time updates; enforced duplicate-action prevention via database constraints.
4
Social feed post formats supported
React 19
Domain-sliced component architecture
Next.js 15React 19PostgreSQLPrisma ORMSWR

2025

Project-based

Wisdomous Inc. - Apollo Medical Group

Full-Stack Developer

Led patient portal and hospital booking UI work while supporting backend refactors and database improvements in a two-developer team.

  • Led frontend development of a patient portal and hospital booking system, delivering responsive UI/UX for patients and admin staff.
  • Refactored backend logic and optimized database structure, reducing load times and improving reliability for high-volume booking operations.
2
Developer agile delivery team
ReactNext.jsNode.jsPostgreSQLTailwindCSS

2024

Academic · Iloilo, Philippines

DTI Iloilo - MSME Industry Map

Full-Stack Developer

Developed MSME and user management APIs, GeoJSON map data delivery, role-based API access, an interactive MSME map, and an admin dashboard for an external academic client partnership.

  • Developed MSME and user management API routes in Next.js 14 and a GeoJSON endpoint for Iloilo map data, built on reusable Firestore utility abstractions.
  • Applied role-based access control at the API layer with end-to-end TypeScript safety and Zod validation.
GeoJSON
Endpoint for Iloilo map data
RBAC
Role-based access control at the API layer
Next.js 14Firebase FirestoreTypeScriptZodREST APIs

03 — Skills

The stack, organized by the work it supports.

Skills are grouped by delivery surface so readers can connect technology choices to product outcomes — not arbitrary proficiency bars.

Frontend systems

Responsive UIs, marketplace browsing flows, patient/admin portals, interactive maps, and component architecture in the Next.js/React ecosystem.

Next.jsReactTypeScriptTailwind CSS v4Radix UIFramer Motion

Backend and APIs

REST APIs, Next.js API routes, authentication, RBAC, service layers, event-driven notifications, and API validation.

Node.jsREST APIsNext.js API RoutesZodSSENodemailer

Authentication and security

Credential sessions, role- and workspace-scoped authorization, ownership checks, rate limiting, and protected file workflows.

Auth.js/NextAuthFirebase AuthSupabase AuthJWTRBACRate limiting

CMS and data

PostgreSQL/Drizzle domain models, Prisma-backed marketplace data, Firebase Firestore utilities, and Sanity CMS/GROQ content pipelines.

PostgreSQLDrizzle ORMPrisma ORMSanity CMSGROQFirestore

Delivery and quality

Testing, accessibility, SEO, secure file handling, cloud deployment, and production-minded QA.

VitestPlaywrightLighthouseESLintGitHub ActionsVercel

AI-assisted development

A structured, spec-driven workflow using AI tools with automated tests, documentation, code review, and human validation as quality gates.

GitHub CopilotOpenAI CodexClaude CodeCursorOpenCode

04 — Education

B.S. Software Engineering

Central Philippine University

2021 - 2026

Relevant coursework

Data StructuresAlgorithmsWeb Application DevelopmentDatabase SystemsSoftware ArchitectureSoftware Development I-IIISoftware TestingSoftware Quality ManagementNetwork ProtocolsMachine LearningEngineering Data Analysis

05 — Contact

Start with the role, the product, or the problem.

I am open to full-time, contract, and selected freelance full-stack development opportunities. Tell me what you are building and what you need shipped.

Download CV

Elsewhere

Based in Iloilo, Philippines. Available for remote, hybrid, contract, and full-time conversations.