- 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.
Building modern web applications that solve real business problems
John Kylle
Pantorilla
Web Developer
Overview
Web Developer
--:-- -- // GMT+8
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 ]- 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]
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
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
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
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.
Girlie Pep
Web AppE-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 AppMulti-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
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
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
Automated Event Tabulation Platform
Web AppCompetition 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
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
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
Certifications[6]
Issued by Google in 05.25.2026. The credential can be verified directly with the issuer.
Issued by Datadog in 05.20.2026. The credential can be verified directly with the issuer.
Issued by Datadog in 05.20.2026. The credential can be verified directly with the issuer.
Issued by DevKada in 03.29.2026. The credential can be verified directly with the issuer.
Issued by Anthropic in 03.29.2026. The credential can be verified directly with the issuer.
Issued by Red Team Leaders in 12.29.2025. The credential can be verified directly with the issuer.
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
Social links