JOHN PATRICKRYAN MANDAL.
Fullstack Software Engineer
I build web and mobile products that are fast, dependable, and easy to use.
View projects ↗
Three years of shipping TypeScript — and not breaking prod.
I'm John Patrick Ryan Mandal, a fullstack developer who cares about the craft — readable code, fast interfaces, and software that holds up under real use.
Three years across enterprise (Cebu Pacific via Alliance Software), a London-based startup (Winedrops), and an offshore software company in Cebu (Gogo IT Lab) — from legacy .NET migrations and SharePoint modernization to consumer Next.js apps and React Native.
I live in the TypeScript ecosystem — Next.js, Node.js, Prisma — comfortable from the database schema to the UI detail. Predictable code, clean deploys, and features that don't break what came before.
The tools I reach for, from the database schema to the last pixel.
Products I've designed, built and shipped — web, mobile and the tooling in between.
2026SyncHub
↗A GitHub workflow assistant that connects chat platforms and a web dashboard so teams can manage issues, repositories, reminders, and summaries from one place.
2026Penni Web
↗A web-based personal finance dashboard for tracking balances, budgets, planned items, and recent transactions in one connected workspace.
2026Penni Mobile
↗A mobile personal finance app built for tracking balances, transactions, budgets, recurring items, and plan-ahead workflows on the go.
2026Tempo
↗A gamified Pomodoro study planner that turns focused sessions into XP, levels, and streaks while keeping subjects and topics organized.
2025Wanderly
↗Wanderly is a modern web application designed to simplify group trip planning. No more juggling between different tools or losing track of important details. Everything your group needs is organized in one place and accessible to everyone.
2025Palm Kicks
↗A modern e-commerce platform for selling sneakers and footwear, built with a smooth shopping experience and efficient order management in mind.
2026Nexion
↗A modern full-stack boilerplate featuring Next.js 16, Prisma ORM, and a complete authentication system with Auth.js, designed to kickstart web applications.
2023TeknoyEMS
↗An event management system built for Cebu Institute of Technology – University to handle reservations and resource management.
2026TaskManager
↗A collaborative task management application featuring a dynamic Kanban board with drag-and-drop functionality, real-time sync, and team management.
Enterprise, startup, freelance — five teams since 2022.
- Contributing to a Next.js and Python FastAPI e-commerce v3 platform as part of a team migrating the existing v2 site.
- Collaborating on feature development, technical implementation, and modernization work for the new platform.
Chinabank Corporate Center, Samar Loop
- Built client websites from the ground up using modern technologies, owning the work from design implementation through deployment.
- Worked primarily with Next.js for frontend and full-stack delivery, and Nest.js for structured backend services and APIs.
- Delivered responsive, performant sites tailored to each client's brand and product needs.
Cebu City, Philippines
- Delivered multiple features across two Next.js web apps and one React Native app, improving iteration speed and UX consistency.
- Investigated and resolved production support issues to maintain stability in customer-facing applications.
- Led UI refinements in the React Native app to standardize layouts and interaction patterns.
London, England
- Resolved critical production bugs and addressed security findings from Checkmarx and Qualys scans.
- Modernized legacy Angular and .NET apps into Angular and Node.js services for improved maintainability and deployment speed.
- Developed internal apps and customer-facing features as part of Agile Scrum teams.
- Authored high-level and low-level design documents supporting large-scale system modernization.
- Migrated Angular-based master pages from SharePoint 2016 to SharePoint Online.
BuildComm Center, Sumilon Road · Promoted from Technical Specialist 1 · Jan 2025
- Contributed to the development of an internal platform across frontend and backend features.
- Created ERDs and technical design documents to support structured and efficient development.
Cebu Business Park
Get to know me, minus the job titles. Open whichever one you're nosy about.
Design engineering — the overlap where the layout, the motion and the data-fetching are all one decision. I'm also deep into agentic coding, where the job is architecting systems so the LLM can do the coding, then organizing the project and building a better workflow and pipeline around the AI. Outside work: whatever game has my evenings hostage this month, and the gym. After years of sitting at a PC all day, I'm trying to build an actually active lifestyle.
Games, mostly. A lot of games. If I'm not shipping something I'm probably 40 hours into a run I told myself would be a short one. The rest of the time goes to F1, anime and light novels. Long-running series are my weakness: I'll read the light novel ahead of the anime and then complain about what the adaptation cut. Always taking recommendations, especially anything with a plot that actually pays off.
Lots of rap and hip hop, with phonk and pop on the side. Anime OSTs and lo-fi still make the rotation when I'm writing code, something with words when I'm reviewing it, and complete silence when I'm debugging something that shouldn't be broken.
F1 strategy calls, game recommendations, and how to set up a project so an LLM can actually code in it. Ask me at your own risk.
Reading someone else's codebase until it clicks. It's the closest thing engineering has to archaeology.
REACH OUT
A new role, a contract gig, a weird side-project idea — I read everything and reply within 24 hours.