Hi, I'm
LANCE.

I build web apps and the tools that do the boring work.

Open to full-stack roles · Batangas, PH
ai-office — live

      
01 // Experience

Freelance Web Developer, Video Editor & Virtual Assistant

Independent · Remote · Client work
MAR 2025 — PRESENT

Web development, video editing and virtual assistance for clients, alongside my own projects.

  • Built and maintained websites and web tools for clients.
  • Edited client videos from raw footage to finished cuts.
  • Supported clients as a virtual assistant with day-to-day admin and communication.
  • Built the AI Office to automate my own lead finding, outreach drafts and proposals.

Full Stack Developer

MegaMobile Inc. · Makati · Marketing technology
SEP 2024 — FEB 2025

Promo web apps and a CMS for brand campaigns, front end to back end.

  • Built and maintained promo web apps and a CMS in PHP (CodeIgniter), JavaScript/jQuery and MySQL.
  • Shipped client-side features in HTML, CSS/Bootstrap and JavaScript for campaigns across multiple platforms.
  • Contributed to core products and worked with partners and clients on requirements.

IT Staff / Programmer Intern

Palace Computer Enterprises · Batangas
FEB 2024 — MAY 2024

Internal tools that replaced manual stock records and paperwork.

  • Built a multi-user inventory system that cut down data-entry errors.
  • Automated delivery, pull-out and purchase order creation, with project tracking for inventory items.
02 // Featured projects
Isometric office where each character is a live Claude Code agent session
01 /

AI Office

A local dashboard for running small teams of Claude Code agents on real work: job leads, outreach drafts, proposals and invoices. Each character is a live session, and where it stands shows what it's doing.

How it works

  • Claude Code hooks write each session's activity to JSON; a plain Node http server serves it. No framework, no database.
  • Isometric Canvas 2D renderer with a pre-rendered static layer and per-footprint depth sorting.
  • Headless claude -p chat that resumes each agent's session in its team folder.

Keeping it trustworthy

  • QA agent reviews every draft against a written handbook before a human sees it.
  • Agents draft but never send, post or pay; an approval inbox collects everything.
  • Git snapshots every 10 minutes; UI changes checked in a headless browser.
Node.jsJavaScriptCanvas 2DClaude CodePowerShellGit
02 / Best Social Impact · Technovation Summit

Lingo

A mobile app for learning sign languages. The extended version turns speech into sign language, so hearing people can talk with Deaf and hard of hearing people.

TypeScriptSCSSJavaKotlin
03 /

Parish Reservation Systems

Online booking for weddings, baptisms, funerals and blessings at two Batangas parishes, with n8n workflows automating the booking process.

WebSQLn8n
04 /

Inventory & Order Automation

A multi-user inventory system for a computer retailer, plus automatic delivery, pull-out and purchase orders with project tracking.

WebSQL
05 /

Student Portals

Portals for students, teachers and administrators at Alitagtag National High School and Batangas National High School.

WebSQL
06 /

Minimart Ordering System

Ordering for a small store in Lemery, Batangas.

PHPJavaScriptSQLite
03 // Stack & tools
JavaScriptTypeScriptHTML / CSSReactAngularBootstrap PHPCodeIgniterNode.jsPythonDjangoMySQLPostgreSQLSQLite Claude Coden8nPowerShell Git & GitHubMicrosoft 365AWS
04 // Education

BS Information Technology

Batangas State University, Alangilan · 2020 — 2024 · Dean's Lister

AWS Academy Graduate

Cloud Foundations · Cloud Architecting · Apr 2024

Best Social Impact

Technovation Summit, Batangas State University · Nov 2023

05 // Get in touch
Open to work

Have something that needs building?

Full-stack roles, internal tools or automation work, remote or hybrid in the Philippines. Email is the fastest way to reach me.

lance.khristian89@gmail.com
Direct inbox · primary contact
Compose