
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 →06 — education
- BS Information TechnologyCentral Luzon State University2015 – 2019
- Associate in Computer TechnologyCentral Luzon State University2015 – 2017
- Career Essentials in GitHub Professional Certificate ↗GitHubJul 2025
- Civil Service Professional Eligibility (CSE)Civil Service CommissionMar 2023
07 — gallery
08 — github
@yjaphzs ↗Personal contributions only. Does not include work activity.