---
title: "Franz Vincent G. Cantillano | Full Stack Web Developer"
canonical_url: "https://www.franzvincent.com/"
last_updated: "2026-09-05T19:34:54.104Z"
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 14+ websites using WordPress, Elementor Pro, Astra Pro, and WooCommerce
  - Collaborated with product managers & designers to build modern, responsive, SEO-optimized, and secured websites
  - Built and maintained Laravel web apps, including a product pricebook with branch-specific pricing, complex pricing formulas, and device authorization
  - Developed a Python and Vue.js tool that automates product scraping, AI-powered SEO generation, and WooCommerce draft creation

  ---
- ***

  **Full Stack Web Developer**2025

  **City Government of Calamba (Internship)**

  Worked on Iskolar ni Rizal & MOPAC Management System.
  - Developed backend logic using PHP and Laravel
  - Designed database structures and admin interfaces
  - Built UI components supporting real-time tracking and analytics

  ---
- ***

  **Full Stack Web Developer**2024

  **Mercado De Calamba (Capstone Project)**
  - Developed a stall reservation and management system
  - Implemented interactive map visualization for stalls
  - Built backend services, database architecture, and responsive frontend UI

  ---

## **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
- AI Integration
- 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 (Frontend) logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fnuxt.js.svg)Nuxt.js (Frontend)

![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

![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

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

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

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

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

**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 (Frontend) logo](https://www.franzvincent.com/.netlify/images?w=28&h=28&fm=webp&q=70&url=%2Fimg%2Fskills%2Fnuxt.js.svg)Nuxt.js (Frontend)83%

## **Projects**

Selected projects and professional builds.

[![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 Web Developer

**Web App**

**PHP****HTML****Bootstrap 5**

[![Iskolar ni Rizal \& MOPAC Management System preview](https://www.franzvincent.com/.netlify/images?w=676&fm=webp&q=80&url=%2Fimg%2Fportfolio%2Fiskolar%2Fiskolar-dashboard.png)](https://www.franzvincent.com/projects/iskolar-mopac-management-system)

[**Iskolar ni Rizal & MOPAC Management System**](https://www.franzvincent.com/projects/iskolar-mopac-management-system)

City Government of Calamba (Internship) | 2025

---

Full Stack Web Developer

**Web App**

**Laravel****Livewire****Tailwind CSS**

[![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

**Website**

**WordPress**

[![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 Web Developer

**Web App**

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

[![Python + Vue.js Web Crawler Tool preview](https://www.franzvincent.com/.netlify/images?w=676&fm=webp&q=80&url=%2Fimg%2Fportfolio%2Fweb-crawler%2Fcrawler.png)](https://www.franzvincent.com/projects/python-vuejs-web-crawler-tool)

[**Python + Vue.js Web Crawler Tool**](https://www.franzvincent.com/projects/python-vuejs-web-crawler-tool)

Nupon Technology Philippines Corporation | 2025 - PRESENT

---

Web Programmer

**Tool**

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

[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/)