Hi, I'm Patrick
full stack developer
software engineer
product-focused engineer
I build focused, high-performance web products that feel sharp to use and reliable to ship. My work blends clean architecture with crisp UI, from gamified learning platforms to full-stack business tools.
John Patrick Ryan Mandal
CURRENTLY
Full Stack Developer • Cebu, Philippines
I build web applications that prioritize performance, scalability, and user experience. My approach combines technical precision with a focus on business outcomes.
With a Computer Engineering degree and 2.5 years of professional experience in full-stack web development, I've delivered production applications serving thousands of users. My work spans e-commerce platforms, enterprise dashboards, and custom web solutions where clean architecture and maintainable code are non-negotiable.
I specialize in the TypeScript ecosystem—React, Next.js, Node.js—but my real strength is choosing the right tool for the job. Whether it's optimizing database queries, implementing CI/CD pipelines, or architecting scalable APIs, I focus on pragmatic solutions that move the needle on key business metrics.
TECH STACK
Languages
- TypeScript
- JavaScript
- C#
- Python
- Java
Frontend
- React Native
- Angular
- Next.js
- Tailwind CSS
- Framer Motion
- ShadCN
- ChakraUI
Backend
- Express.js
- .NET
- Nest.js
- Apigee
- Firebase
- PostgreSQL
- Prisma
- MySQL
Tools
- Git
- Docker
- Vercel
- Azure DevOps
- Cursor
- Claude
HOW I BUILD
Product thinking
I design around user friction, then back it up with measurable outcomes.
System clarity
Clean architecture, predictable data flows, and codebases teams can extend.
Delivery speed
Fast iteration without sloppy tradeoffs — quality stays intact.
Selected Works
Tempo
A gamified Pomodoro study planner that turns focused sessions into XP, levels, and streaks while keeping subjects and topics organized.
Wanderly
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.
Palm Kicks
A modern e-commerce platform for selling sneakers and footwear, built with a smooth shopping experience and efficient order management in mind.
Nexion
A modern full-stack boilerplate featuring Next.js 16, Prisma ORM, and a complete authentication system with Auth.js, designed to kickstart web applications.
Work Experience
Fullstack Developer
Winedrops
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.
Associate Technical Specialist 2 - Software Developer
Promoted from Technical Specialist 1 - Software Developer
Alliance Software Inc.
Client: Cebu Pacific Air
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.
Intern
Sprobe Inc.
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.
Let's Build
Something Amazing
I'm passionate about creating exceptional digital experiences. Whether you have a project in mind or just want to connect, I'd love to hear from you.