Skip to content

amanna13/Zaap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Zaap

No cash. No cards. Just Zaap. Built on Web3. Crafted for your tomorrow.

Last Commit Hackathon Status Version Stability
Blockchain

Animated Line

📌 Submitted on MetaMask-Card-Dev-Cook-Off

Built for Track 2: DeFi-Driven Card Utilities - Create DeFi tools that boost the utility of card-linked assets. Think allocation, protocol routing, or trustless credit lines. Explore how composable DeFi protocols can power borrowing, repayments, or staking tied directly to card activity.

Also integrated Metamask DTK and Circle Wallets (Bonus tracks)

Live Demos & Deliverables

Build Showcase

🎯 Objective

What problem does our project solve ?
ZAAP empowers teens to spend digitally using Scan & Pay — no bank account, no KYC, just a delegated Web3 wallet. Teens enjoy autonomy; parents stay in control with real-time monitoring, wallet linking, and spending limits via a secure dashboard.

Who does it serves ? ZAAP serves both teenagers and their guardians by bridging the gap between financial independence and parental oversight. It empowers teens—especially those aged 13 to 19—to make digital payments using a secure, privacy-first solution without the need for a traditional bank account or KYC checks. At the same time, ZAAP equips parents with a powerful web-based dashboard to monitor transactions, set spending limits, and fund their child's wallet. This dual-user approach ensures that while teens gain real-world financial experience, parents maintain visibility and control—creating a safe, modern financial ecosystem built for the next generation.

Real-World Use Case: Meet Aryan, a 16-year-old student in Mumbai. He frequently shops online, pays at local cafés, and subscribes to learning platforms. Traditionally, he'd need to borrow his parent's card or rely on cash — both inconvenient and lacking independence. With ZAAP, Aryan logs into the mobile app using MetaMask Delegation Toolkit, gaining access to his smart wallet. When he visits a bookstore, he simply scans a QR code/or swipe the metamask card and pays — the transaction is authorized via the linked MetaMask or Circle wallet his parents fund. On the other side, Aryan's mother uses the ZAAP Parental Dashboard on the web to:

  • Add funds to Aryan's wallet,
  • Set monthly limits,
  • And monitor his spending activity in real-time.

No need for a traditional bank, no KYC hurdles — just seamless, privacy-respecting teen finance.


🧠 Our Approach

Why we chose this problem:

Today’s teens are underserved by traditional financial systems. While they are growing up in a digital world—streaming content, ordering food, and engaging with apps daily—their financial experience is outdated, rigid, and often controlled by legacy banks that require KYC, guardian paperwork, or joint accounts. There is a growing need for privacy-first, youth-friendly financial tools that strike a balance between freedom for teens and control for parents. Existing solutions either over-restrict or compromise data privacy, making them unfit for modern families. We believe financial literacy and independence should start early, and ZAAP offers a way to do that without compromising security, privacy, or trust.

Key challenges we addressed:

  1. Integrating MetaMask Delegation Toolkit — Setting up secure delegated smart accounts for teens and parents.
  2. Hybrid Login Flow — Combining wallet-based and social logins using Web3Auth for seamless onboarding.
  3. Zaap CircleLink - Connecting Child Wallet with the Parent wallet with just a QR Scan - as simple as that (check demo for real experience)
  4. QR-Based Scan & Pay — Implementing a smooth, real-time scan-and-pay experience for teens on mobile.
  5. Parental Monitoring Dashboard — Creating a responsive web dashboard to track and manage child spending.

Ahhh! Some pivots, brainstorms, or breakthroughs during hacking:

  1. Switched from Traditional Wallets to Smart Accounts — We shifted to MetaMask DTK for flexible, delegated wallet access without compromising control, this also gave us added advantages.
  2. Reduction of Gas Fees - As we have used Metamask DTK, we got the advantage, to sponsor gas fees enabling smooth user experience.
  3. Brainstormed Dual Experience (Parent + Teen) — Decided to split experiences across mobile (for teens) and web (for parents) to optimize UX per user role.
  4. Breakthrough Using Circle & MetaMask Card for Spending — Realized we could route transactions via MetaMask/Circle cards to simulate real-world teen payments.
  5. Child and Parent Wallet Connect - We engineered this thing on our own, and it has been a major breakthru. Connecting wallets was never more simpler than this.
  6. At first we thought to go with Linea, but then due to some problems/issues from their dev end, we shifted to ethereum.

✨ Key Features

Major Highlights of your project:

  • ✅ Teen users can scan QR codes and pay directly using circle wallets without needing custody.
  • ✅ Parents can log in via MetaMask DTK to fund, monitor, and control their child's wallet and spending.
  • ✅ Supports both Web3 social login (via Web3Auth) and MetaMask DTK for secure and flexible access.
  • ✅ No KYC required for children; built to ensure financial autonomy while protecting identity.
  • ✅ Enables seamless USDC transfers between parent and child wallets using Circle’s developer SDKs.
  • ✅ Smart Savings by Child

🧠 Why This Makes Sense for MetaMask Card Users — And Where It’s Going

⚡️ The Problem

Right now, Web3 is still way too complicated — especially for the next-gen. You’ve got to create a wallet, manage private/public keys, handle gas, and figure out how to move funds. It’s a mess. That complexity stops normal users from adopting Web3 for daily payments.

But with ZAAP, it’s different. You onboard instantly — just sign in with your social login. No seed phrases. No extensions. No confusion. It feels like a regular app — but under the hood, it’s Web3-powered.

Imagine a teen with a MetaMask Card linked to their delegated wallet. They can just swipe or scan to pay at any store, kiosk, or merchant. The transaction happens in USDC, and their parent gets an instant update. They can fund the wallet, set limits, or pause access — all from their web dashboard.

The MetaMask Card isn’t live yet, so we couldn’t test swipes directly — but everything else is ready. Once it's launched, ZAAP fits in directly. We’re also looking ahead: in India, we plan to integrate UPI payments, making it even more real-world ready.

And forget about gas fees — we sponsor them. Users can pay a small annual fee and never worry about onchain transaction costs. That’s a big UX win.

Looking forward, we can build loyalty and reward layers on top. We already track spending, saving, and limits — so we can partner with teen-focused brands to offer cashbacks, streak rewards, or custom deals. It makes ZAAP sticky, fun, and personal.

This isn’t just another payment app. It’s real-world Web3 adoption — where MetaMask Cards help teens gain financial freedom, while parents keep control. Zero banks, zero friction, 100% ZAAP.

Flow of our APP:

  1. Parent first connect existing Metamask Wallet(Or create a new wallet )
  2. Add a new child profile - set nickname, amount to be spend and Done..
  3. Click on Show QR
  4. On the mobile app, first login with your socials, and then you'd be prompted to setup Zaap CircleLink
  5. Scan the QR from there, shown on the web dashboard and here you go ... !
  6. Now you can start Zaaping
  7. Scan & Pay, Transfer to wallet addresses, Deposit in wallet, Check your set limits thru your phone, Setup monthly goals and much more unlocked !!

🛠️ Tech Stack

Core Technologies Used:

  • Frontend: Ether Js, React Js, Typescript
  • Backend: Solidity, Hardhat, Java, Springboot, Apache Maven, Kotlin, Javascript
  • SDK's and Toolkits: Circle SDK, Circle Wallet, Metamask SDK, Metamask Delegation Toolkits, Web3Auth(PlugnPlay) SDKs, New Metamask Embedded Wallets
  • Android App using Kotlin/Java
  • Hosting: Vercel

Sponsor Technologies Used (Check Demo Video for more insights):

  • Metamask DTK: Using the DTK we have created smart accounts, setup Delegations, Delgators and Delegates. Also utilized Web3Auth for social-logins
  • Circle: We adopted Circle’s developer-centric programmable wallets and SDKs to enable seamless, secure transfers — from parent to child wallets and further from child to external recipients. This gave us custody control, compliance-ready flows, and scalable wallet orchestration.

How it looks (UI Walkthrough)!

Zaap Mobile App:

Parental Portal:

image image image image

🧪 What’s Working Now?

Feature Status
Mobile app (Kotlin/Java) Working
Web dashboard (React/TS) Working
Wallet delegation & tracking Working
Hosting & demos Working
MetaMask Card Integration Ready
Rewards & Cashbacks integration Coming Soon

⚠️ Project is still buggy but fully hosted and demo-ready.


How to Run the Project Locally

Requirements:

  • Node.js / Python / Docker / etc.
  • API Keys (if any)
  • .env file setup (if needed)

Local Setup:

# Clone the repo
git clone [https://github.com/amanna13/Lumos.git](https://github.com/amanna13/Zaap.git)


# Install dependencies
## For Web
cd Zaap-Web
cd zapp-frontend
npm install
npm run dev

cd zaap-backend
npm install
npm run dev

#Both Frontend and Backend both are deployed on vercel:
Frontend: https://zaap-eight.vercel.app/
Backend: https://zaap-backend.vercel.app/

#API Endpoint:
POST - /api/connect-child
POST - /api/set-delegator

For Android App -

# Clone the repo Zaap-Android
# Build the project using Gradle
📎 Resources / Docs / Credits
  • Circle – Payments and stablecoin infrastructure
  • MetaMask – Ethereum wallet & gateway
  • Web3Auth – Key management infrastructure for Web3 apps

What's Next ? Are we still onto it !

100% — this is not just a one-weekend hack. We’ve built a solid prototype on Web and Android, and have been heads down on this project for weeks. ZAAP is here to stay. While this submission marks a milestone, our team is actively working to fix bugs and improve the product. If we receive enough positive feedback and community interest, we will definitely launch ZAAP in the market.

No cash. No cards. Just Zaap.


👋Connect with us:

Built by the Zaap Teaam


@amanna13

@amitrajeet7635
We're actively building, debugging, and prototyping —
drop a ⭐, share your feedback, or just vibe with us!


About

No cash. No cards. Just Zapp. Built on Web3. Crafted for your tomorrow.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published