Full-Stack Web ApplicationStatus: In active development / Not publicly deployed

Kuya Pahipak

Full-stack Point-of-Sale (POS), rewards system, and inventory management platform.

Source Code (GitHub)Visit Project Website

Interactive Web Application Preview

Live iframe preview directly rendering https://kuya-pahipak.vercel.app with instant controls

kuya-pahipak.vercel.app

80%

Connecting to live application...Rendering deployment directly from https://kuya-pahipak.vercel.app

Live Deployment: kuya-pahipak.vercel.app(80% scale)Open in new tab

System Overview

A dedicated retail management web application built to streamline physical retail operations, maintain transactional integrity in stock management, and drive recurring customer retention via gamified loyalty mechanics.

Technologies & Tools Applied

Next.jsReactTypeScriptTailwind CSSFirebase AuthenticationGoogle Cloud FirestoreCloudinaryFramer MotionRecharts

Functional Requirements & Key Features

✓Product catalog with transparent and non-transparent categorization

✓Real-time product stock and availability tracking

✓Customer loyalty tracking with Buy 10 Get 1 Free reward milestones

✓Two-stage reward roulette engine generating unique reward ticket codes

✓Atomic POS checkout ensuring transaction-safe inventory decrements

✓Complete customer order and purchase audit history

✓Admin dashboard with role-based access for inventory mutations

✓Integrated product image media pipeline via Cloudinary

✓Sales analytics dashboard with Recharts visual reporting

✓Excel-compatible report export for periodic bookkeeping

Engineering Decisions & Technical Highlights

›

Engineered Firestore atomic transactions during checkout to prevent concurrency conflicts and inventory drift.

›

Implemented real-time snapshot listeners for live inventory state and instant order tracking across client sessions.

›

Hardened database access using fine-grained Firestore security rules matching role claims.

›

Built a deterministic, weighted reward roulette algorithm with server-side validation to avoid reward manipulation.

›

Managed optimized asset streaming using Cloudinary transformation parameters.

Back to all projects

GitHub Repository Launch Project Website