Languages
Core
- JavaScript ES6
- TypeScript
Strong
- Python
- Java
John LorenzMasa
Full-Stack Software Engineer, React & Next.js Developer, NestJS & Spring Boot Engineer, Systems Architect
I build secure internal business systems (HR, document control, asset tracking, GIS, Structural Engineering Tools) end to end, from React frontends to Spring Boot and NestJS backends.
Open to full-time roles
- React
- Next.js
- TypeScript
- Node.js
- NestJS
- Spring Boot
- PostgreSQL
01 / About
Secure business systems, built end to end.
I'm a full-stack software engineer with 5+ years of experience building production web applications and internal business systems. At Quadstruct Inc., I independently designed and built an HR Information System, a Document Control System, and an IT Inventory & Asset Management system.
My work spans the whole stack: React and Next.js frontends, Spring Boot, NestJS and Node.js backends, PostgreSQL, and Docker deployments. I put the parts that are easy to skip first: role-based access, account lockout, and security reviews for RBAC, IDOR and JWT handling.
I'm based in Makati City, and when I'm not coding you'll find me eating my way around my hometown.
5+
Years of experience
15
Projects shipped
Built at Quadstruct Inc.
- HR Information SystemBuilt end to end, independently
- Document Control SystemBuilt end to end, independently
- IT Inventory & Asset ManagementBuilt end to end, independently
- Frontend
- React, Next.js, TypeScript
- Backend
- Spring Boot, NestJS, Node.js, PostgreSQL
- Security
- OAuth 2.0, JWT, role-based access control
- Deployment
- Docker, Nginx, Cloudflare
02 / Projects
Selected work.
All repos on GitHub9 projects. Select one to see details and links.
Hazard-check web app for any point in the Philippines. Click the map or search an address to see earthquake, volcano, flood and storm risks in plain language, with animated illustrations, nearest active faults and critical facilities, plus a downloadable PDF report.
- Next.js
- MapLibre
- TypeScript
- Tailwind CSS
Full HRIS built from scratch, covering employee records and core HR workflows end to end.
- Role-based access across HR/Admin, Manager, Executive and Employee views
- Backend migrated from NestJS to Spring Boot (Spring Security, JWT, Hibernate)
- Spring Boot
- React
- TypeScript
- Tailwind CSS
Company-wide platform for tracking IT assets, with account-lockout security, file-attachment workflows, and a custom-branded admin console.
- Tracks assets, warranties, attachments and assignment history
- Accounts lock after repeated failed sign-ins; only an admin can unblock them
- Containerised with Docker behind Nginx; backend migrated from NestJS to Spring Boot
- React
- Spring Boot
- PostgreSQL
- Docker
- Nginx
- Websockets
Built for a client or employer, so there's no public link.
Web application for listing documents such as email records, attachments, and structural calculations, with report generation and an OAuth-based, Gmail-integrated document intake with review-and-approval workflows, cutting manual encoding and streamlining document processing.
- Gmail intake over OAuth, with review and approval before a document is filed
- Started on Express.js, then re-architected on NestJS with Fastify
- NestJS
- React.js
- PostgreSQL
Built for a client or employer, so there's no public link.
Web application for tracking supplies in the company with requests workflow and HTML report of expenses.
- NestJS
- React.js
- PostgreSQL
Built for a client or employer, so there's no public link.
Web application for searching for related documents and it can read into pdf itself by ingesting pdf documents and using xenova embedding to extract data.
- NextJS
- PgVector
- PostgreSQL
- Tesseract
Built for a client or employer, so there's no public link.
Company geographic information system built for a structural engineering firm. An interactive map of hazard layers and company projects, with project details and geotechnical reports attached to each location, and a centralized databank for all of the firm's geotechnical reports.
- Next.js
- Leaflet
- PostgreSQL
Built for a client or employer, so there's no public link.
JH LAN Messenger finds the other people on your office, school or home network automatically and lets you chat, send files and folders, and broadcast announcements. Everything travels directly between computers on your LAN, and everything is stored on your own machine.
- Python
- PySide6
- Nuitka
Desktop tool for automating structural-engineering schedule exports, rearchitected into a JSON-driven, user-configurable engine with built-in license management.
- Python
- Tkinter
Built for a client or employer, so there's no public link.
03 / Demo Sites
Live concepts.
6 concept sites built for different kinds of businesses. Pick one to preview it, then open the live version.
forgegym-ayf.pages.dev/
Fitness & Wellness
Visit live siteForge Gym
High-intensity gym landing page with membership plans, class schedules, and trainer profiles. Bold typographic hero with a live burn-target widget.
- React
- Tailwind CSS
04 / Skills
What I build with.
Grouped by how much I rely on each one. Larger and brighter means more daily use.
Frontend
Core
- ReactJS / NextJS
- Material UI
Strong
- Tailwind
Backend
Core
- Express
Strong
- NestJS
- Spring Boot
Infrastructure
Core
- PostgreSQL
- Docker
- CloudFlare Pages
Strong
- Render
- Supabase/Neon
Tools & workflow
- Workflow
- Git
- GitHub
- CI/CD
- Auth & security
- OAuth 2.0
- JWT
- RBAC
- Build & quality
- npm
- pnpm
- ESLint
- Jest
- Postman
- Server & data
- REST APIs
- Nginx
- Prisma
- Environment
- VS Code
- IntelliJ
- Ubuntu
05 / Experience
Where I've worked.
2024 — Present(current role)
Quadstruct Inc.
Makati City, PH
Junior Web Developer (Full-Stack)
- HR Information System
- Architected and built it with React and TypeScript, first on a NestJS backend and since migrated to Spring Boot, with role-based access control across HR/Admin, Manager, Executive, and Employee views.
- Document Control System
- Designed on Express.js and later re-architected on NestJS/Fastify, with OAuth-based Gmail intake and approval workflows.
- IT Inventory & Asset Management
- Built with React and PostgreSQL, first on NestJS and Prisma and since migrated to Spring Boot, containerized with Docker behind Nginx, alongside a Supplies Management System.
- Web-based GIS
- Built with Next.js, Leaflet, and PostgreSQL: a hazard and project map with project details and geotechnical reports, plus a centralized databank for all of the firm's geotechnical reports.
- Spreadsheet Security Controls
- Develops microservice for handling mac-address locking of spreadsheets with admin panel to control who can open spreadsheets.
- Engineering tools
- Develops structural-engineering tools, including a React/Next.js microservices web app and a Python/Tkinter Excel-to-DXF utility for AutoCAD.
- Corporate website
- Owns the Next.js corporate website end to end on a self-hosted Cloudflare deployment.
- Security & support
- Conducts application security reviews (RBAC, IDOR, JWT) and provides cross-functional IT support.
- Frontend
- React, Next.js, TypeScript, JavaScript, Tailwind CSS, Leaflet
- Backend
- Spring Boot, NestJS, Node.js, Express.js, Fastify, Python, Prisma
- Data & infra
- PostgreSQL, MySQL, Docker, Nginx, Cloudflare, Ubuntu
- Security
- OAuth 2.0, JWT, RBAC
- Practices
- CI/CD, Jest, GIS
2021 — 2023
Denso Philippines Corporation
Calamba, PH
Learning and Development Innovations Specialist (Web Developer & Automation)
- Web applications
- Designed and developed full-stack web applications for the Learning and Development department, including an e-Training platform, a Learning Management System, and a Trainers Evaluation System.
- Automation
- Automated departmental workflows and reporting with MS VBA, the Microsoft Power Platform (Power Apps, Power Automate, Power BI), and UiPath.
- Training & support
- Delivered technical and software training to associates, specialists, and team leaders as a subject-matter expert, and provided ongoing technical support across the organization.
- Web
- HTML, CSS, JavaScript, ReactJS, Node.js, PHP, MySQL
- Automation
- MS VBA, Power Apps, Power Automate, Power BI, UiPath
06 / Contact
Let's build something great.
Whether you have a project in mind, want to discuss a role, or just want to chat about tech, my inbox is always open.
- Based in
- Makati City, PH
- Usually replies
- Within 24 hours
Makati City, Metro Manila
Open larger map(opens in a new tab)Loading map…