hasancse06/TapPay-Wallet-Ionic-Angular-Digital-Wallet
TapPay Wallet โ a free, open-source NFC Digital Wallet App built with WordPress, WooCommerce, and Ionic Angular. Designed for shop owners and managers to securely manage customer transactions via Mifare Classic NFC tags/cards, featuring contactless payments, balance check, and transaction history powered by TeraWallet + Woo Wallet API Extended.
<<<<<<< HEAD
๐ณ TapPay Wallet โ NFC Digital Wallet App (Ionic + Angular + WooCommerce)
=======
TapPay Ionic Angular Digital Wallet
bb033e1 (package fix)
A free, open-source NFC Digital Wallet System built with WordPress, WooCommerce, and Ionic Angular.
It enables shop owners and managers to securely manage customer transactions using Mifare Classic NFC tags/cards for contactless payments, balance checking, and transaction history.
This project integrates with TeraWallet and a custom plugin (Woo Wallet API Extended) to extend wallet API functionalities and provide a seamless tap-to-pay experience.
๐ Features
-
๐ Secure Login
- Login using QR Code Scan (via JWT Auth plugin)
- Login using email and password
-
๐ก๏ธ Role-based Access
- Only Administrators and Shop Managers can operate the app
-
๐ฑ NFC Integration
- Reads username directly from Mifare Classic NFC tags/cards
- Displays customer balance instantly
- Shows customer transaction history
-
๐ณ Contactless Payments
- Customers can purchase products by simply scanning their NFC card/tag
- Balance is deducted automatically if sufficient funds are available
- Eliminates the need to carry cash, debit/credit cards, or bulky wallets
-
๐ Top-Up System
- Shop owners can issue NFC tags/cards to customers
- Customers top up their balance at the shop
- Reusable cards/tags for future transactions
๐ช Ideal Use Cases
- Retail Stores & Super Shops โ Offer customers a membership NFC card for cashless payments.
- Cafรฉs & Restaurants โ Speed up checkout with tap-and-pay style NFC transactions.
- Gyms & Clubs โ Use NFC tags for membership management + wallet system.
- Small Businesses โ Build loyalty by offering customers a digital prepaid wallet.
With this app, your shop becomes a cashless ecosystem where customers enjoy fast, secure, and hassle-free payments.
๐ ๏ธ Tech Stack
- Frontend: Ionic Angular (PWA + Android + iOS)
- Backend: WordPress + WooCommerce
- Wallet System: TeraWallet
- Authentication: JWT Auth Plugin
- Custom Plugin: Woo Wallet API Extended (for extended API support)
- NFC Technology: Mifare Classic cards/tags
๐ฆ Requirements
- WordPress with WooCommerce installed
- TeraWallet plugin activated
- JWT Auth plugin configured
- Woo Wallet API Extended (custom plugin included)
- Ionic Angular app setup
๐ช Deployment Environment
- Android Only
โก Benefits
- Faster checkout with tap-to-pay experience
- Improved customer loyalty with reusable membership cards
- Reduced cash handling and dependency on credit/debit cards
- Secure, role-based access for shop owners and managers only
- Seamless integration with WooCommerce & TeraWallet
๐ฆ Installation & Setup
- Clone this repo:
git clone https://github.com/YOUR_USERNAME/TapPay-Wallet-Ionic-Angular-Digital-Wallet.git
cd TapPay-Wallet-Ionic-Angular-Digital-WalletScreenshots
๐ Author
M A Hasan
- ๐ญ Full-Stack Web Developer | Ionic Framework, Angular, Node.js & REST APIs
- ๐ About Me https://hasan.online
- ๐ Instructor on Udemy
- ๐ง Creator at Envato
- โ๏ธ Blogger at blog.hasan.online
โญ Support This Project
If you find this useful:
- โญ Star the repository on GitHub
- ๐ Share it with fellow Ionic, WordPress, WooCommerce, or mobile app developers
- ๐ก Contribute with feedback or pull requests
Together, we make WordPress more mobile-friendly and developer-first ๐


