All projects
E-Commerce / Mobile

AliTapTap

NFC e-commerce with Canva-style mobile customization and PayMongo payments

youtube.com/watch?v=nTJhLHVQ9EI
mockup

Demo video

Project demo video

UI mockups — original app cannot be run locally (lost .env / environment config).

1/8
Role

Full-Stack Developer

Timeline

Feb 2024 – May 2024

Team

Led team of 3

Overview

AliTapTap is an NFC card e-commerce platform covering the complete order flow from mobile checkout through admin dashboard visibility.

I built a Canva-style NFC card customization feature in React Native with editable text (WYSIWYG), background images, and drag-based resizing/transformation controls. PayMongo integration supports cards, GCash, and GrabPay.

RESTful APIs synchronize order and customization data between the mobile app and admin dashboard, keeping customer orders and administrative order management consistent.

What I did

Concrete contributions I owned on this project:

  • Contributed to end-to-end development covering the full order flow from mobile checkout to admin dashboard
  • Built Canva-style NFC card customization in React Native — WYSIWYG text, backgrounds, and drag-based transform controls
  • Integrated PayMongo for secure multi-method payments: cards, GCash, and GrabPay
  • Built RESTful APIs to synchronize order and customization data between mobile and admin in real time
  • Designed and implemented the full mobile-to-backend data flow for consistent order state

Challenges

  • Gesture-friendly Canva-style card customization on mobile
  • Reliable payment + order state across mobile and admin

Outcomes

Canva-style NFC customization shipped on React Native
PayMongo multi-method payment flow integrated
Mobile-to-admin order sync over REST

More projects

$ ask me about this portfolio