Preview
Flow
1
Sign up and create a passkey
The user registers with phone + OTP through Supabase Auth and creates a
WebAuthn passkey stored on their device.
2
Modular Wallet provisioned
A Circle Modular Wallet is automatically created and linked to the user’s
passkey, providing a gasless smart account on Arc.
3
Pick recipient and amount
The sender selects a contact and enters a USDC amount to transfer.
4
Authorize transfer with passkey
The user confirms the transaction by authenticating with their device
passkey (biometric or PIN).
5
Gasless USDC transfer on Arc
The signed user operation is submitted to Arc Network, where a paymaster
sponsors gas so the sender pays nothing beyond the USDC amount.
Tech stack
- Next.js App Router and Supabase for accounts and history
- Circle Modular Wallets with passkey authentication
- Arc Network for fast, low-cost transaction settlement
- Supabase Realtime for live payment status
- Tailwind CSS and shadcn/ui for the mobile-style interface
- Phone + OTP authentication through Supabase Auth