Open to workBased in Caloocan, PH

Christian Panerio

Full Stack & Mobile App Developer

React • Next.js • Node.js • React Native

I build web and mobile apps end to end — from clean, accessible interfaces to the APIs and data behind them.

View My Work Download CV

Microsoft Certified: Power Platform Fundamentals (PL-900)
Microsoft Certified: Power Platform Developer Associate (PL-400)

Scroll

About

Good apps mean good business

Hi, I'm a Full-Stack Developer with 5 years of experience building and optimizing enterprise systems with React, Next.js, Node.js and Firebase, on top of a Microsoft Power Platform background.

At Alberto Shoes Corporation, I'm the sole developer of an HRIS built for 100+ branches across the Philippines. I also maintain and optimize a retail and warehouse management platform and its mobile warehouse app, including a rebuild to an offline-first architecture.

Before that, I spent several years at Fujitsu building Power Apps, Power BI and OutSystems solutions, and earned the PL-900 and PL-400 certifications. I started at Accenture in data analyst roles (billing, implementation and network operations), which taught me how business processes work from the inside.

I'm open to full-stack roles where I can build reliable systems for real users.

Fig. 01 — Systems, end to end

Clients
Where the work happens
Offline & sync
Keeps working without signal
Services
Business logic & access
Data & insight
Records become decisions

Fig. 02 — What the systems carry

Scale100+Branches in scope
One HRIS for a retailer’s branch network across the Philippines.
Ownership01HRIS developer
Sole developer across architecture, features and maintenance.
Breadth4 layersWeb · Mobile · API · Data
From the screen a branch uses down to the Firestore record.
Constraint0 SIGNALOffline-first workflow
Warehouse operations designed to continue without connectivity.

Not just projects — systems people depend on.

Portfolio

Selected Work

Software I've built for a real company, then the personal projects where I explore new stacks end to end.

01Alberto Shoes Corporation · 3 projects

Professional work

Company systems I've built, extended and maintained as a full stack developer. The code and live environments are company-owned, so each case study shows what I can share.

Featured case study

Enterprise HRIS Platform

Built for Alberto Shoes Corporation

Sole developer of an HRIS built for Alberto Shoes Corporation, a footwear retailer with 100+ branches across the Philippines, to replace its paper-based HR processes. Covers recruitment, attendance, leave, payroll and performance across 53 pages, 153 API endpoints and 76 Firestore collections, with a role-based permission system of 34 modules, GPS-verified field filings, biometric time-clock import and offline-capable clock-in. Backed by 473 automated tests under strict TypeScript. Currently in UAT, with IT and HR using it for recruitment, leave, overtime, official business and attendance.

Role: Full Stack DeveloperSole developer
Platform: Web App
Year: 2026
Stack: Next.js
TypeScript
React JS
Firebase

Confidential client systemOwned by Alberto Shoes Corporation — no public demo or source. The case study shows what I can share.

Mobile App2026

AGMS Warehouse Mobile App (v2 to v3) — app screens

Client workConfidential

AGMS Warehouse Mobile App (v2 to v3)

Alberto Shoes Corporation

Optimized a production React Native warehouse app that had become slow: it used Redux as its inventory store, downloaded all data on every login instead of the user's assigned tasks, and relied on a long manual sync. Then designed and built v3 from scratch with Expo Router, SQLite as the local source of truth, task-scoped sync and an idempotent offline queue. v3 now takes the Delivery Pickup module from loading the truck to finishing the delivery on the phone, offline-first: store drop-off with the receiver's name and a finger-drawn signature, hub binning, a server-confirmed Complete Fulfillment step, and scan-to-load for cross-dock trucks. Session lists use cursor paging instead of full downloads, and the app is covered by 654 automated tests under strict TypeScript.

RoleFull Stack Developerv2 optimization lead, v3 sole author

React Native
TypeScript
Firebase

Company-owned · no public demo

Web App2026

Client workConfidential

AGURSRetail & Warehouse Management Platform

Alberto Shoes Corporation

Sole active developer of AGURS, a Next.js and Firebase platform for inventory, warehousing, transfers, POS administration and procurement across a multi-branch footwear retailer. Optimized Firestore read costs, virtualized the stock allocation matrix to stay fast with 1,300+ SKUs, and enhanced the warehouse floor-map editor. Built a versioned mobile API and picking and packing engine, and extended its Cloud Function job processors.

RoleFull Stack DeveloperSole active developer

Next.js
TypeScript
Firebase
React JS

Company-owned · no public demo

028 projects · Independent

Personal projects

Products I've designed and built independently to go deeper on a stack — payments, real-time data, auth and AI. Live demos and code where available.

Project

Live demo of Helmetrix (opens in a new tab)

Helmetrix

Helmetrix is a full-stack e-commerce demo for premium motorcycle helmets. Products, sizes and stock live in Sanity CMS. Stripe Checkout takes payment, and a webhook turns each completed checkout into an order, lowers stock for the size bought, and emails a confirmation. Running the same webhook twice never creates a duplicate order. Around that sits a complete customer journey: Clerk sign-in, a basket that follows you when you sign in, an order archive with status tracking and PDF receipts, and an order confirmation page that checks the payment with Stripe before it celebrates. The interface uses one design language throughout, drawn from motorsport.

Next.js
TypeScript
React
Tailwind CSS

Project

Code for Chris Movie App (opens in a new tab)

Chris Movie App

A React Native mobile app built with Expo, TypeScript, and Tailwind CSS that fetches movies and ranks them using a custom Appwrite-powered popularity algorithm. Offers a smooth browsing experience with a modern, responsive UI and real-world scalability.

Expo
Typescript
NativeWind
Appwrite

Project

Live demo of ChrisCase (opens in a new tab)

ChrisCase

ChrisCase is a full-stack custom phone case store built with Next.js 15 (App Router) and TypeScript. Customers move through a three-step configurator: they upload a photo, then position it on a live case preview drawn for their chosen model (iPhone X to 17) and color, then review a print-style summary before paying with Stripe Checkout. Under the hood, the design is cropped on a canvas in the browser and uploaded with UploadThing. Prices are calculated on the server, and a Stripe webhook marks orders as paid, safely ignoring repeat deliveries. Auth is handled by Kinde, data by Prisma and Postgres, and an admin dashboard tracks and updates order status. The interface follows a "print room" design system: warm grainy paper, editorial serif type, and accessible, keyboard-friendly controls.

Next.js
TypeScript
Tailwind CSS
Prisma

Web App

Live demo of Finance-Tracker (opens in a new tab)Code for Finance-Tracker (opens in a new tab)

Finance-Tracker

It's a full-stack web app for tracking your finances. Easily manage income, expenses, and accounts — built with modern technologies like Next.js, Drizzle ORM, React Query, Zustand, and Tailwind CSS.

React JS
Next.js
TypeScript

Web App

Live demo of Zelra (opens in a new tab)

Zelra

Zelra is a real-time, multi-workspace chat application inspired by Slack. It uses Next.js 15, Convex for backend logic and database, React 19, TailwindCSS, and Radix UI to build a seamless messaging experience. Workspace management (create, join, update, delete)

React JS
Next.js
TypeScript

Web App

Live demo of BotCoachX (opens in a new tab)

BotCoachX

BotCoachX is an intelligent, real-time AI coaching assistant designed to support users in learning. It provides dynamic, conversational guidance tailored to individual learning goals and generates detailed transcripts of each session for review, sharing, or record-keeping.