Building modern web applications that solve real business problems

John Kylle

Pantorilla

Web Developer

Overview

Social links

About

  • Helping businesses build high-performance web apps with fast, clean user experiences and measurable value
  • Building CRM and data-driven systems that organize large volumes of information and support faster decision-making
  • Integrating AI into web apps to create smarter interactions, lower latency, and better user satisfaction

Tech Stack[21]

Experience[2]

Freelance & Personal Projects

[ current ]
  • Shipped production websites and web apps for real estate, ISP, events, and towing clients.
  • Built full-stack systems end to end, from data models to admin dashboards.
  • Integrated AI into product workflows, cutting response latency to sub-500ms.
  • Kept a consistent UI style and quality standard across every build.
  • React
  • Next.js
  • TypeScript
  • Node.js
  • PostgreSQL
  • Tailwind CSS
  • AI Integration

Learning Journey

  • Learned HTML, CSS, and JavaScript fundamentals through small hands-on projects.
  • Practiced layout, responsive design, and accessibility basics before using frameworks.
  • Built problem-solving habits through daily debugging and code reading.
  • Moved from tutorials to shipping self-directed builds.
  • HTML
  • CSS
  • JavaScript
  • Problem Solving

Projects[11]

Wisestate.ph

Website

Property platform with listing submissions and streamlined rental inquiries

  • Next.js
  • Tailwind CSS
  • TypeScript
  • +1

Modern real estate website built for Wisestate.ph to showcase properties, capture listing submissions, and guide renters through a smoother inquiry experience.

Result

Strengthens property discovery and lead generation with clearer rental inquiry flows and a submit-listing experience that helps owners and seekers connect faster.

  • Next.js
  • Tailwind CSS
  • TypeScript
  • Vercel
View Project

Bits Fiber

Web App

Fiber provider platform with customer applications and an admin dashboard

  • Next.js
  • PostgreSQL
  • Tailwind CSS
  • +1

Full-stack web platform for a fiber internet provider, built to present plans and promos, accept new connection applications, and give admins a central place to review applications, monitor reports, and manage campaigns.

Result

Improves customer onboarding and support by centralizing applications, status tracking, and promo management in one system while keeping the public site focused on trust, speed, and availability.

  • Next.js
  • PostgreSQL
  • Tailwind CSS
  • Supabase
View Project

FM Lightrix

Website

Multi-page events and entertainment website with services, product catalog, and media portfolio

  • React
  • JavaScript
  • TypeScript
  • +3

Multi-page marketing and portfolio website for FM Lightrix Events & Entertainment, showcasing production services, DMX pixel equipment, performance offerings, and a media gallery with direct contact options for bookings.

Result

Supports inquiries and bookings by bringing services, products, and performance reels into one polished experience that makes it easy for clients to review offerings and reach out for quotes.

  • React
  • JavaScript
  • TypeScript
  • GSAP
  • Tailwind CSS
  • Vercel
View Project

Kuya Pooch Roadside & Towing

Website

24/7 towing and roadside assistance website built for trust and quick response

Professional business website built to position Kuya Pooch Towing Services as a dependable vehicle recovery partner, highlighting 24/7 availability, an experienced team, and damage-free transport for private and commercial vehicles.

Result

Reinforces trust with stranded motorists by clearly presenting the brand story, around-the-clock availability, and licensed-and-insured service promise.

View Project

Girlie Pep

Web App

E-commerce storefront with cart flow and lightweight admin controls

  • React
  • Node.js
  • PostgreSQL

Simple e-commerce experience with a product catalog, cart flow, Telegram-based ordering, and a basic admin panel for product and stock management.

Result

Creates a lightweight selling workflow with product discovery, assisted checkout, and practical stock management for day-to-day operations.

  • React
  • Node.js
  • PostgreSQL

B2B Inventory & POS System

Web App

Multi-branch inventory and POS system for Star Food Packaging Distribution

  • React
  • Node.js
  • PostgreSQL

Business system built to streamline high-volume inventory tracking, improve branch-level visibility, and speed up checkout operations for a food packaging distributor.

Result

Delivers multi-branch inventory tracking, real-time sales visibility, and USB receipt printing to support faster and more reliable store operations.

  • React
  • Node.js
  • PostgreSQL

Kiro: AI Kitchen Assistant

Web App

AI recipe assistant and meal planner focused on smarter kitchen decisions

  • Next.js
  • OpenAI
  • PostgreSQL

AI-powered web app that recommends recipes and builds practical meal plans around everyday kitchen needs, with a focus on reducing household food waste.

Result

Reduced LLM response latency to sub-500ms through edge runtime filtering, making the assistant feel faster and more usable in everyday planning.

  • Next.js
  • OpenAI
  • PostgreSQL
View Project

Ligtas Valencia: Real-Time Incident Management

Web App

Real-time incident reporting and disaster response coordination dashboard

  • React
  • Supabase
  • Tailwind CSS

Secure crisis-reporting dashboard built to help local government teams coordinate incidents, monitor updates, and respond faster during emergencies.

Result

Enabled real-time PostgreSQL subscriptions with sub-100ms sync latency so field updates stay visible across the dashboard almost instantly.

  • React
  • Supabase
  • Tailwind CSS
View Project

Automated Event Tabulation Platform

Web App

Competition scoring platform for transparent, real-time judging

  • Next.js
  • TypeScript
  • PostgreSQL

Real-time scoring and tabulation platform built to remove manual calculation errors and keep competition judging fair, transparent, and easy to manage.

Result

Uses strict PostgreSQL indexing to keep event scoring fast and dependable, even while multiple judges submit scores in real time.

  • Next.js
  • TypeScript
  • PostgreSQL

Personal Portfolio with AI Integration

Web App

Developer portfolio with an AI assistant for instant visitor support

  • Next.js
  • OpenAI
  • Tailwind CSS

Professional portfolio experience with an AI-powered assistant that helps visitors explore projects, skills, and background details without friction.

Result

Optimizes Next.js rendering with static generation for sub-100ms page loads, keeping the portfolio responsive while supporting richer interactions.

  • Next.js
  • OpenAI
  • Tailwind CSS
View Project

BansaSim: Philippine Economy Simulator

Web App

Interactive macroeconomic simulation game for policy experimentation

  • Next.js
  • React
  • Tailwind CSS
  • +3

Interactive macroeconomic policy simulator where users step into a national leadership role, adjust fiscal levers, and explore projected five-year economic outcomes.

Result

Built a real-time fiscal policy simulation engine with dynamic forecasting, interactive data visualization, and scenario analysis grounded in PSA and IMF baseline datasets.

  • Next.js
  • React
  • Tailwind CSS
  • Chart.js
  • TypeScript
  • Economic Modeling
View Project

Certifications[6]

AI Fundamentals

Google

Issued by Google in 05.25.2026. The credential can be verified directly with the issuer.

Verify

Monitoring a Kubernetes Cluster

Datadog

Issued by Datadog in 05.20.2026. The credential can be verified directly with the issuer.

Verify

Getting Started with Integrations

Datadog

Issued by Datadog in 05.20.2026. The credential can be verified directly with the issuer.

Verify

DevKada Hackathon Participation

DevKada

Issued by DevKada in 03.29.2026. The credential can be verified directly with the issuer.

Verify

Claude Code in Action

Anthropic

Issued by Anthropic in 03.29.2026. The credential can be verified directly with the issuer.

Verify

Certified Cybersecurity Educator Professional (CCEP)

Red Team Leaders

Issued by Red Team Leaders in 12.29.2025. The credential can be verified directly with the issuer.

Verify

Have a project in mind?

I'm currently available for new projects. Tell me what you're building, and we can discuss your goals, timeline, and what it would take to bring it to life.

  • [ open to work ]
  • Replies in 24 hours
  • Valencia City ยท GMT+8