Jan Bautista

Senior Full-Stack Developer

Jan Bautista

Makati City, Philippines

I’m a full-stack engineer. I build modern web apps and the services behind them, and I lean on AI across the whole delivery cycle, from scaffolding and review through to agentic workflows running in production.

01 — about

Right now I’m building for a fintech client, leading both the front-end and the back-end. I like turning rough ideas into things people actually use, and lately that has meant shipping them far faster by putting AI to work inside the process itself.

Before that I spent a few years building platforms for a university, and taught programming along the way. Different world, same job: figure out what people actually need, then build it.

02 — stack

View all →

Front End

Next.js · React · JavaScript · TypeScript · Tailwind CSS · SASS/SCSS · Bootstrap · HTML & CSS · Livewire · Module Federation · Redux · Motion · Lucide React · Font Awesome · ESLint · Prettier · Vite · Webpack

Mobile

React Native · Expo · Expo Router · HeroUI Native · Uniwind · React Native Firebase · MapLibre Native · Zustand · LegendList · Reanimated · Lottie

Back End

Node.js · FastAPI · Python · GraphQL · WPGraphQL · Headless CMS · Laravel · PHP · Express.js · REST APIs · MySQL · PostgreSQL · Redis · Pytest · Java

Firebase

Authentication · Firestore · Cloud Functions · Storage · Data Connect · App Hosting · Realtime Database · App Check · Remote Config · Performance Monitoring · Hosting

Google Cloud

Compute Engine · Cloud Run · Cloud SQL · IAM & Service Accounts · Google Cloud Platform

APIs & Integrations

Stripe · BoldSign API · HubSpot · Webhooks · Gmail API · Google Drive API · Discord API

AI Tools

Claude · Codex · Agentic AI · AI-Assisted Development · Data Annotation

Data & Automation

Playwright · Scrapy · Selenium · Web Crawling

Developer Tools

Git · GitHub · GitHub Actions · Docker · VS Code · Postman · Asana · Linux · WordPress

Tooling

PNPM · Turborepo

Design

Adobe Photoshop · Adobe Illustrator

03 — experience

Full history →
  • GlobalcoMakati City, NCR
    • Senior Full-Stack DeveloperMay 2026 – Present
    • Full-Stack DeveloperAug 2025 – May 2026
  • Central Luzon State UniversityScience City of Muñoz, Nueva Ecija
    • Full-Stack DeveloperAug 2022 – Jun 2025
  • Wideout (AQA)Makati City, NCR
    • Quality Assurance SpecialistNov 2020 – Sep 2021
    • Creative DeveloperAug 2020 – Nov 2020
  • TechnoDream Web WorksBaguio, Benguet
    • ProgrammerFeb 2019 – May 2019

04 — projects

All projects →
  • Micro-frontend portal for financial institutions covering asset valuation and collateral management. A host app loads around ten independently deployed React apps at runtime, backed by Firebase and Python FastAPI services, with subscription billing and a credit system metering submissions and contracts.

    React · Module Federation · Redux · Firebase · TypeScript · Python

  • Corporate marketing site for Barkr, a fintech company providing AI-powered valuation of hard assets to support lending decisions at financial institutions. Built as a Next.js front end on a headless WordPress CMS, with Advanced Custom Fields modeled as a GraphQL schema so each page resolves exactly the fields it renders in a single query. Marketing keeps editing in WordPress while the public site ships as a containerized server-rendered app on Google Cloud Run.

    Next.js · React · WordPress · Headless CMS · WPGraphQL · ACF

  • Cariño Tailor Shop

    A complete operations platform for a tailoring and dry-cleaning business, covering orders, per-piece production tracking, inventory, payroll, and a full double-entry accounting suite that auto-posts from daily operations. Works offline, with a separate touch interface for the shop counter and public order tracking for customers.

    Next.js · TypeScript · Firebase · Cloud Functions · Tailwind CSS · Shadcn UI

  • Data Annotation Platform

    An internal platform where reviewers annotate and quality-check a collection of over 100,000 generated images, growing toward millions. Queued review feeds with a second-pass stage, bulk import and export, per-reviewer throughput analytics, role-based access with multi-factor authentication, and full activity auditing, with query and listener patterns tuned so read cost stays flat as the collection grows.

    Next.js · TypeScript · React · Firebase · Cloud Functions · Python

  • Catalogue Raisonné

    A server-rendered catalogue raisonné documenting an artist's complete body of work. An ingestion pipeline parses archival source documents into structured catalogue entries carrying provenance, exhibition history and extracted page images. Server components sit on a managed SQL data layer with cached reads, a server-verified session model, and role-based access separating the public catalogue from internal curatorial views.

    Next.js · TypeScript · React · PostgreSQL · Redis · Firebase

  • A centralized launcher for all my personal web apps, providing quick access to each project in one place.

    React · TypeScript · Vite · Shadcn UI · Framer Motion · Tailwind CSS

05 — setup

The desk →
CH 01/09

06 — education

  • BS Information TechnologyCentral Luzon State University2015 – 2019
  • Associate in Computer TechnologyCentral Luzon State University2015 – 2017

App Hub

All my personal web apps in one place.

Visit App Hub ↗

08 — github

@yjaphzs ↗

Personal contributions only. Does not include work activity.