---
title: "Franz Vincent G. Cantillano | Full Stack Web Developer"
canonical_url: "https://www.franzvincent.com/"
last_updated: "2026-10-20T23:06:20.823Z"
meta:
  description: "Full Stack Web Developer focused on building efficient, user-friendly web applications. Experienced in PHP, Laravel, and Vue.js, and Nuxt.js development."
  "og:description": "Full Stack Web Developer focused on building efficient, user-friendly web applications. Experienced in PHP, Laravel, and Vue.js, and Nuxt.js development."
  "og:title": "Franz Vincent G. Cantillano | Full Stack Web Developer"
  "twitter:description": "Full Stack Web Developer focused on building efficient, user-friendly web applications. Experienced in PHP, Laravel, and Vue.js, and Nuxt.js development."
  "twitter:title": "Franz Vincent G. Cantillano | Full Stack Web Developer"
---

Focus Areas

Backend engineering and database designUser-focused interfaces and responsive layoutsAutomation, AI integration, and internal systems

# Full Stack Web Developer** focused on efficient, user-friendly web applications. **

I'm **Franz Vincent G. Cantillano**. I build responsive web experiences and internal systems that improve workflows and user experience.

Let's Work Together [View Projects](#projects)

Connect [GitHub](https://github.com/FraVinGCan) [LinkedIn](https://www.linkedin.com/in/franz-vincent-cantillano/) [Email](mailto:franzvincentcantillano@gmail.com)

developer.php

```
<?php
```

```
$developer = Developer::make(
```

```
  'Franz Vincent G. Cantillano'
```

```
)
```

```
  ->role('Full Stack Web Developer')
```

```
  ->specializesIn(['PHP', 'Laravel', 'Vue/Nuxt'])
```

```
  ->designs([
```

```
    'backend architecture',
```

```
    'database structures',
```

```
    'clean UI'
```

```
  ])
```

```
  ->crafts(fn() =>
```

```
    backendArchitecture()
```

```
    && databaseStructure()
```

```
    && cleanUi()
```

```
  )
```

```
  ->implements('internal workflows & AI-driven solutions')
```

```
  ->solves('real-world operational bottlenecks');
```

## **About Me**

A quick look at my background and strengths.

About Me

Full Stack Web Developer focused on building efficient, user-friendly web applications. Experienced in PHP, Laravel, and Vue.js/Nuxt.js with strong skills in backend architecture, frontend UI implementation, and database design. Passionate about automation, AI integration, and building maintainable systems that improve workflows and user experience.

![Abstract workspace](https://www.franzvincent.com/.netlify/images?w=1024&h=768&fm=webp&q=80&url=%2Fimg%2Fabout%2Fabout.png)

[Download CV](https://www.franzvincent.com/cv/Cantillano_CV2026.pdf) Let's Connect

Profile Facts

### **At a Glance**

Age

**24 yrs old**

Nationality

**Filipino**

Specialization

**Full Stack Developer**

Languages

**English & Tagalog**

Services

### **What I Deliver**

**Backend Architecture**

Clean PHP and Laravel backend logic with maintainable system design and reliable integrations.

**Frontend UI Implementation**

User-focused interfaces with Vue.js and responsive layouts that prioritize clarity and experience.

**Database Design**

Strong database design that supports scalable & maintainable web applications.

**Automation & AI Integration**

Workflow automation and AI integration to improve speed, accuracy, and consistency.

## **Experience**

- ***

  **Web Programmer**2025-PRESENT

  **Nupon Technology Philippines Corporation**
  - Developed and deployed 14+ business and e-commerce websites using WordPress, Elementor Pro, Astra Pro, and WooCommerce, delivering responsive, SEO-optimized, and performance-focused solutions for industrial and commercial businesses.
  - Collaborated with product managers and designers to translate business requirements and design specifications into responsive, user-focused, and secure web experiences.
  - Implemented WooCommerce, Advanced Custom Fields, and Custom Post Types to build flexible product catalogs, content structures, and customizable website layouts.
  - Built and maintained Laravel web applications, including a product pricebook with branch-specific pricing and complex pricing formulas to support product and pricing management.
  - Developed a Python and Vue.js automation tool that streamlines product scraping, AI-powered SEO content generation, and automated creation of WooCommerce product drafts.

  ---
- ***

  **Full Stack Web Developer**2025

  **City Government of Calamba (Internship)**

  Worked on Iskolar ni Rizal & MOPAC Management System.
  - Contributed to the development of a Laravel-based public assistance and scholarship management system for the Calamba City Government, integrating MOPAC and Iskolar ni Rizal workflows into a centralized platform.
  - Developed backend logic and business workflows using PHP and Laravel, supporting public assistance processing, scholarship management, constituent records, and queue operations.
  - Designed and implemented database structures, administrative interfaces, and data management workflows to centralize records and improve data consistency and reporting.
  - Built responsive and reactive UI components, dashboards, data tables, and forms with filtering, reporting, real-time tracking, validation, and analytics capabilities.
  - Implemented system features including role-based access control, queue monitoring, self-service kiosk workflows, global search, notifications, and automated validation, helping reduce data duplication and improve processing efficiency.

  ---
- ***

  **Full Stack Web Developer**2024

  **Mercado De Calamba (Capstone Project)**
  - Developed a custom PHP-based public market management and stall reservation system, digitizing stall, tenant, reservation, and facility management workflows.
  - Built backend services and database architecture for managing stalls, tenants, reservations, fees, events, and market content.
  - Implemented an interactive stall map and reservation interface to help visitors browse available stalls and facilities and submit reservations.
  - Developed responsive frontend interfaces with role-based experiences for administrators, stall owners, and visitors.
  - Integrated SMS notifications and 360° virtual market views, improving communication and providing visitors with a more accessible and interactive way to explore the market.

  ---

## **Education**

**City College of Calamba**

Bachelor of Science in Information Technology

2021-2025 GWA: 1.74

**Calamba Doctors' College**

Senior High School - Accountancy, Business and Management

2019-2021 GWA: 91

## **Skills**

Stacks and tools I use to build efficient, user-friendly web applications.

Expertise

### **What I Bring **

- Full Stack Web Development
- Scalable System & Database Design
- User-Focused UI/UX Web Design
- Technical Problem Solving
- Analytical & Critical Thinking
- DevOps & Infrastructure Management
- AI Engineering & Integration
- WordPress Development
- Cross-Team Collaboration

**Backend**

![PHP logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fphp.svg)PHP

![Laravel logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Flaravel.svg)Laravel

![Livewire logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Flivewire.svg)Livewire

![Python logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fpython.svg)Python

**Database & Storage**

![MySQL logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fmysql.svg)MySQL

![PostgreSQL logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fpostgresql.svg)PostgreSQL

![Redis logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fredis.svg)Redis

![Cloudflare R2 logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fcloudflare-r2.svg)Cloudflare R2

![Amazon S3 logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Faws-s3.svg)Amazon S3

**Frontend**

![HTML logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fhtml5.svg)HTML

![Bootstrap 5 logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fbootstrap5.svg)Bootstrap 5

![Tailwind CSS logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Ftailwindcss.svg)Tailwind CSS

![CSS logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fcss3.svg)CSS

![JavaScript logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fjavascript.svg)JavaScript

![Alpine.js logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Falpine.js.svg)Alpine.js

![Vue.js logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fvue.js.svg)Vue.js

![Nuxt.js logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fnuxt.js.svg)Nuxt.js

![TypeScript logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Ftypescript.svg)TypeScript

![jQuery logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fjquery.svg)jQuery

**Tools & Platforms**

![Git logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fgit.svg)Git

![Github logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fgithub.svg)Github

![Linux logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Flinux.svg)Linux

![Docker logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fdocker.svg)Docker

![Nginx logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fnginx.svg)Nginx

![OpenAI logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fopenai.svg)OpenAI

![Claude logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fclaude.svg)Claude

![WordPress logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fwordpress.svg)WordPress

**Core Stack**

Building efficient web applications using the TALL Stack for backend systems and Vue.js / Nuxt.js for high-performance frontend interfaces.

![Laravel logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Flaravel.svg)Laravel89%

![Livewire logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Flivewire.svg)Livewire86%

![Alpine.js logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Falpine.js.svg)Alpine.js83%

![Tailwind CSS logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Ftailwindcss.svg)Tailwind CSS88%

![MySQL logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fmysql.svg)MySQL84%

![Vue.js logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fvue.js.svg)Vue.js85%

![Nuxt.js logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fnuxt.js.svg)Nuxt.js83%

## **Projects**

Selected projects and professional builds.

[![Appointment Management System preview](https://www.franzvincent.com/.netlify/images?w=676&fm=webp&q=80&url=%2Fimg%2Fportfolio%2Fappointment-management%2Fadmin-appointments-list.png)](https://www.franzvincent.com/projects/appointment-management)

[**Appointment Management System**](https://www.franzvincent.com/projects/appointment-management)

Personal Project | 2026

---

Full Stack Developer — Architecture, Backend & Frontend

**Web App**

**Laravel****PHP****Vue.js**

[![WordPress Business Websites \& E-commerce Development preview](https://www.franzvincent.com/.netlify/images?w=676&fm=webp&q=80&url=%2Fimg%2Fportfolio%2Fnupon-websites%2Fnupon-apparel.png)](https://www.franzvincent.com/projects/wordpress-business-websites-ecommerce-development)

[**WordPress Business Websites & E-commerce Development**](https://www.franzvincent.com/projects/wordpress-business-websites-ecommerce-development)

Nupon Technology Philippines Corporation | 2025 - PRESENT

---

Web Programmer — Design, Build & Deployment

**Website**

**WordPress****CSS****JavaScript**

[![Email Campaign Center preview](https://www.franzvincent.com/.netlify/images?w=676&fm=webp&q=80&url=%2Fimg%2Fportfolio%2Femail-campaign-center%2Fdashboard.png)](https://www.franzvincent.com/projects/email-campaign-center)

[**Email Campaign Center**](https://www.franzvincent.com/projects/email-campaign-center)

Personal Project | 2025

---

Full Stack Developer — Backend, Admin UI & Realtime Delivery

**Web App**

**PHP****Laravel****Livewire**

[![Product Scraper \& WooCommerce Draft Builder preview](https://www.franzvincent.com/.netlify/images?w=676&fm=webp&q=80&url=%2Fimg%2Fportfolio%2Fproduct-scraper-draft-builder%2Finterface.png)](https://www.franzvincent.com/projects/product-scraper-woocommerce-draft-builder)

[**Product Scraper & WooCommerce Draft Builder**](https://www.franzvincent.com/projects/product-scraper-woocommerce-draft-builder)

Nupon Technology Philippines Corporation | 2025 - PRESENT

---

Web Programmer — Python Backend, Scraping Pipeline & WooCommerce Integration

**Tool**

**Python****Vue.js****Tailwind CSS**

[![Stall Management System for Mercado De Calamba preview](https://www.franzvincent.com/.netlify/images?w=676&fm=webp&q=80&url=%2Fimg%2Fportfolio%2Fmercado%2Fmercado-stall-management.png)](https://www.franzvincent.com/projects/stall-management-system-mercado-de-calamba)

[**Stall Management System for Mercado De Calamba**](https://www.franzvincent.com/projects/stall-management-system-mercado-de-calamba)

Mercado De Calamba (Capstone Project) | 2024

---

Full Stack Developer — Database, Backend & Frontend

**Web App**

**PHP****JavaScript****jQuery**

[View More](https://www.franzvincent.com/projects)

Start a Project

### **Share your project goals, scope, and timeline. **

I reply quickly and focus on clear scope, clean implementation, and practical outcomes.

Start a Project Contact Info

## **Let's Connect**

I would welcome the opportunity to contribute my skills and grow further as part of your development team.

### **Send a Message**

Share your needs and timeline in a quick note.

### **Contact Info**

Reach me directly or connect on social channels.

**Phone**

[(+63) 967-362-3971](tel:+639673623971)

**Email**

[franzvincentcantillano@gmail.com](mailto:franzvincentcantillano@gmail.com)

**Location**

Brgy. Real, Calamba City, Laguna, PH

**GitHub**

[github.com/FraVinGCan](https://github.com/FraVinGCan)

**LinkedIn**

[linkedin.com/in/franz-vincent-cantillano](https://www.linkedin.com/in/franz-vincent-cantillano/)