patr1ck.dev
00%
patr1ck.dev
booting

PATR1CK

fullstack developer
software engineer
web craftsman

I build applications that feel sharp to use and hold up in production — from database schema to UI animation.

scroll
[001] / About

John Patrick Ryan Mandal

John Patrick Ryan Mandal

CURRENTLY

Full Stack Developer • Cebu, Philippines

I'm a fullstack developer who cares about the craft — readable code, fast interfaces, and software that holds up under real use.

Three years of professional experience across enterprise (Cebu Pacific via Alliance Software), a London-based startup (Winedrops), and a product studio in Cebu (Gogo IT Lab). I've shipped everything from legacy .NET migrations and SharePoint modernization to consumer-facing Next.js apps and React Native.

I live in the TypeScript ecosystem — Next.js, Node.js, Prisma — and I'm comfortable from the database schema to the UI detail. I take shipping seriously: predictable code, clean deploys, and features that don't break what came before.

TECH STACK

Stack focus: tools I reach for when building real products.

Pick a category, then inspect each tool. The panel shows where it fits in my day-to-day work.

active layer

Frontend

Where most of the polish happens: app architecture, motion, UI systems, and mobile experiences.

01 / 10

React

Part of the stack I use when the product needs it.

[002] · Selected work

Things I've shipped

04 of 09
View SyncHub
SyncHub

SyncHub

A GitHub workflow assistant that connects chat platforms and a web dashboard so teams can manage issues, repositories, reminders, and summaries from one place.

Shows full-stack product thinking across GitHub workflows, chat integrations, auth, data modeling, and AI-assisted team workflows.

Role
Full Stack Developer
Year
2026
Primary stack
Next.js + Prisma
Next.js 16TypeScriptPrismaPostgreSQLClerk+6
View Penni Web
Penni Web

Penni Web

A web-based personal finance dashboard for tracking balances, budgets, planned items, and recent transactions in one connected workspace.

Demonstrates dashboard architecture, authenticated finance workflows, form-heavy UX, and practical data presentation.

Role
Full Stack Developer
Year
2026
Primary stack
Next.js + Clerk
Next.js 16TypeScriptClerkTanStack QueryTailwind CSS 4+5
View Penni Mobile
Penni Mobile

Penni Mobile

A mobile personal finance app built for tracking balances, transactions, budgets, recurring items, and plan-ahead workflows on the go.

Shows mobile-first product delivery with Expo, React Native navigation, authenticated API workflows, and daily-use UX.

Role
Full Stack Developer
Year
2026
Primary stack
React Native + Expo
React NativeExpoExpo Router+7
View Tempo
Tempo

Tempo

A gamified Pomodoro study planner that turns focused sessions into XP, levels, and streaks while keeping subjects and topics organized.

Combines gamification, planning workflows, persistence, and polished interaction design in a full-stack study product.

Role
Full Stack Developer
Year
2026
Primary stack
Next.js + Prisma
Next.js 16TypeScriptTailwind CSS 4PrismaPostgreSQL+5
Archive
View all projects
[003] / GitHub Activity

GitHub Activity

github.com/beefysalad

contribution stats

A compact read on consistency from the same calendar data.

371 day window

Active days

212

Current streak

3

Longest streak

3

Total

0

Calendar coverage

212 active days and 159 quiet days across this contribution window.

contribution map

Syncing GitHub activity...

public fallback
JunJulAugSepOctNovDecJanFebMarAprMay
MonWedFri
Less
More
[004] / Experience

Work Experience

Five chapters of building, shipping, and sustaining production software across teams and continents.

    • 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.
[005] · Contact

Let's build
something.

A new role, a contract gig, a weird side-project idea — I read everything. One sharp reply, no template.

replies in
< 24h
based in
Cebu, PH
preferred
email
or find me on