Available for full-time roles, freelance work, and product collaborations

AI Software Engineer / Metro Manila, Philippines

John Florence R. Batol

I build web and mobile products with a strong bias toward clean interfaces, fast delivery, and practical business outcomes.

Portrait of John Florence R. BatolEngineer — Designer — Builder
Scroll to explore

Experience3+ years shipping software

Core StrengthWeb + Mobile product builds

Current FocusAI workflows, internal tools, and polished UX

01Introduction

A little about me

I turn complex ideas into clear, useful digital experiences.

My recent work spans AI-assisted products, internal business systems, cross-platform mobile apps, and modern TypeScript stacks powered by React, Next.js, NestJS, and Convex-friendly backends.

I’m a software engineer who works across frontend, backend, mobile, and product design. I’m comfortable moving from UI decisions and Figma thinking into production React and React Native code, then down into APIs, databases, and deployment work.

Most of my experience comes from building practical software for real teams: business systems, dashboards, clinic tools, dispatch workflows, POS features, and AI-powered products that need to work reliably in production.

I’m especially interested in products that combine strong UX, operational clarity, and AI capabilities without overcomplicating the stack.

View résumé
What I focus on

01AI copilots, chat systems, and product features backed by real workflows

02Next.js and React frontends that feel fast, clear, and intentionally designed

03React Native and Expo applications for field teams and business operations

04CMS-backed content systems and internal admin tools with clean data models

02Selected work

Projects

A few products built for real people, teams, and everyday workflows.

ElectriVision project preview
Project / 01

ElectriVision

Android-based electrical issue reporting system for Pamantasan ng Lungsod ng Valenzuela.

Built an admin dashboard and two Android apps for reporters and maintenance staff.

Integrated geofencing and SMS notifications for issue routing and response visibility.

Designed the product around public-sector reporting and field maintenance needs.

React · React Native · Expo · Node.js · Express · MySQL
ClinicApp project preview
Project / 02

ClinicApp

Appointments and patient management system for an LSTV clinic deployment.

Built an Android app for clinic patients and appointment management.

Worked through a real deployment workflow alongside DevOps and operational requirements.

Focused on usability for staff who needed a clear, reliable daily workflow.

TypeScript · React Native · Expo · Zustand · Express · MySQL
SentiAI project preview
Project / 03

SentiAI

Web-based mental health companion that integrates multiple AI models in one experience.

Integrated GPT, DeepSeek, and Gemini text models into a single AI product workflow.

Added GitHub OAuth authentication and model orchestration inside the app.

Balanced product sensitivity, accessibility, and conversational UX.

Next.js · NestJS · MongoDB · Apollo GraphQL · Chakra UI
MockAI project preview
Project / 04

MockAI

MockAI runs role-aware voice interviews using your resume and the job description, so each session targets the exact position you care about.

Next.js · Convex · Typescript · Vapi
Vendorly project preview
Project / 05

Vendorly

Vendorly is a storefront-first social commerce marketplace that lets independent sellers launch branded online stores inside a shared marketplace. Buyers can discover products, follow favorite storefronts, react to new drops, chat with sellers, save their cart, and track orders, while sellers manage branding, catalog, conversations, and order activity from a dedicated dashboard.

Marketplace homepage with featured stores, product discovery, search, and store filtering

Dynamic seller storefronts at /store/[slug] with branding, follow state, and chat entry points

Product feed for marketplace drops and followed-store updates

Buyer and seller OAuth sign-in with Google and GitHub

Multiple stores per authenticated seller

Store customization with theme color, banner image, logo image, layout switching, and social links

Product creation, editing, sold-out states, and social reactions

Cart, checkout, and buyer order history/tracking

Seller dashboard for catalog management, customer conversations, and order workflows

Realtime Convex queries and modular mutations

Responsive shared UI components in packages/ui

Loading and empty states for both buyer and seller experiences

Turborepo with npm workspaces · Next.js · App Router · TypeScript · Convex · Tailwind CSS
BoardWise project preview
Project / 06

BoardWise

BoardWise is an AI-powered board exam review platform that transforms users’ trusted study materials—such as PDFs, DOCX files, notes, and Markdown documents—into personalized practice questions, flashcards, and timed mock exams. Every AI-generated explanation is grounded in the uploaded sources and includes citations, helping learners study with confidence and accuracy. The platform adapts to each learner by tracking performance, response time, confidence, study streaks, and weak topics. BoardWise then uses these insights to prioritize areas that need improvement, creating a focused and efficient review experience for any professional board examination.

Turborepo with npm workspaces · Next.js · App Router · TypeScript · Convex · Tailwind CSS
03Career

Experience

From product thinking to production delivery.

01April 2026 - Present

Lead AI Software Engineer

Alpha Supreme Services LLC · San Francisco Bay Area

• Led the development of the company's internal web applications such as HR systems, inventory systems, landing pages etc. using modern technologies including TypeScript, NextJS, React, Convex.

• Integrated AI in the web applications, using OpenAI and Mastra.

• Made key technical decisions for the company, including technology selection, feature planning, AI integrations, security, and system infrastructure.

02January 2025 - Present

Software Engineer

Cauld & Clark IT Solutions · Philippines

• Led development across web and mobile applications using TypeScript, React, React Native, Expo, Next.js, NestJS, GraphQL, and MongoDB.

• Implemented client-requested features, fixed production issues, and improved performance in a large production codebase.

• Worked on a chatbot system, a web-based POS, and multiple cross-platform applications focused on reliability and UX quality.

TypeScript / Next.js / NestJS / MongoDB / GraphQL
03September 2025 - February 2026

AI Software Engineer

Accelerated Fleet Services · Dallas, USA

• Led frontend development and design for the company marketing site and landing pages used for brand positioning and client acquisition.

• Built core modules in the ServiceBay web app including fleet dispatch, service orders, parts inventory, and accounting flows.

• Contributed to the technician mobile app with React Native and Expo, improving real-time updates, task management, and field operations.

Next.js / React Native / Expo / Product Design
04June 2024 - December 2024

Software Developer

Lee Systems Technology Ventures Inc. · Philippines

• Contributed to internal and customer-facing systems including HRIS, POS, BSS Mobile, and Timeclock.

• Handled production maintenance, bug fixes, and feature enhancements based on live client feedback.

• Worked with SQLyog, Sequelize, Zustand, and MUI in a real production environment.

HRIS / POS / BSS / Maintenance
05February 2023 - April 2024

Software Developer & Designer

Freelance · Philippines

• Built and deployed a payroll system using React Native and • Django around real client requirements.

• Designed an educational math game prototype in Figma with gameplay mechanics and user flows.

• Delivered projects end to end from requirements gathering to launch support.

React Native / Django / Figma / UI/UX
04Capabilities

Tools I work with

A practical stack shaped by the products I build.

01

Frontend

HTML / CSS / ReactJS/TypeScript / React Native Expo / NextJS / VueJS / Pinia / Zustand / TailwindCSS

02

Backend

NestJS / Node.js / Express / Laravel / PHP / MongoDB / MySQL / PostgreSQL / GraphQL / Socket.IO / Convex / Supabase / Firebase

03

AI + Tools

NestJS / NodeJS / ExpressJS / Laravel / PHP / MongoDB / MySQL / Postgres / RESTful / GraphQL APIs / Socket IO / Convex / Supabase / Firebase

05Beyond the code

How I work

01

Design-aware engineering

I care about layout, interaction flow, and readability, not just making features work technically.

02

Production-minded delivery

I’m comfortable fixing bugs in large codebases, handling client-requested changes, and iterating against real user constraints.

03

AI with practical value

I use AI when it meaningfully improves workflows, support, speed, or product quality instead of adding noise.

Education

Bachelor of Science in Information Technology

Pamantasan ng Lungsod ng Valenzuela (PLV) · Valenzuela, Philippines

Best in IT Student Internship · 2x Web Designing 2nd Placer · Dean's Lister with 1.3 and 1.49 GWA
2024

Best in IT Student InternshipAcademic distinction from PLV

2023

2x Web Designing 2nd PlacerCompetitive design recognition

2023 - 2024

Dean's ListerMaintained a 1.3 and 1.49 GWA

Have something in mind?

Let's make it happen.

I'm open to thoughtful roles, freelance projects, and collaborations.

florencebatol85@gmail.com +63 947 263 6931