hackquest logo

NadPay

Decentralized payment dApp

视频

描述

DEMO LINK: https://nadpay.vercel.app/

NadPay is a decentralized payment dApp built for the MetaMask Smart Accounts x Monad Hackathon.

With NadPay, users can:

  • Seamlessly create and manage a MetaMask Smart Account (ERC-4337 & ERC-7710)

  • Fund their Smart Account directly from their regular wallet (EOA)

  • Mint testnet stablecoins (TUSD) via a faucet

  • Pay merchants in just one click using delegated MetaMask Smart Account transactions, removing the complexity of gas and user operation handling

  • View real-time transaction history with Envio-powered indexing and visual analytics

All actions are optimized for Monad testnet, leveraging its high throughput and low latency.

Goal was to create the smoothest Web3 payment experience, showcasing how smart accounts and delegated transactions make onboarding frictionless.

本次黑客松进展

✅ Integrated MetaMask Delegation Toolkit for hybrid smart accounts ✅ Built a step-by-step onboarding flow for users: Connect wallet & ensure they are on Monad testnet Create a Smart Account Fund the Smart Account with MON Mint testnet stablecoin (TUSD) Make a delegated payment ✅ Deployed custom faucet + payment contracts on Monad testnet ✅ Built a beautiful modern UI using Next.js + Tailwind + ShadCN, with a dark mode design ✅ Implemented advanced UX: Skipping steps automatically when user state is satisfied Persisting data across sessions Dynamic stepper UI with clear progress indicators

技术栈

Next
Web3
Ethers
Node
Solidity
Viem
Zustand
Typescript
队长
00xLukkz
赛道
DeFi