hackquest logo

TapToTip

Tap-to-Tip turns any QR sticker or link into a one-tap crypto tip jar. Scan → set amount → send. No wallet popups, no seed phrases, no gas pain—thanks to MetaMask Delegation Toolkit

Video

Sự miêu tả

TapToTip — One tap. Tip done.

Frictionless crypto tipping via shareable link or QR.
No addresses. No approve/send pop-ups. No gas.
Powered by MetaMask Delegation Toolkit + Envio.

Status: Live on Monad (MON), gasless, 1% fee, revocable authorization.

Demo Link: https://taptotip.netlify.app/


Problem

Tipping and micro-payments onchain are still too hard for non-crypto users:

  • Copy-pasting addresses feels risky and error-prone.

  • Repetitive wallet pop-ups (approve → send → confirm) destroy conversion.

  • Gas costs confuse new users and reduce tip amounts.

  • Creators lack a simple, sharable “pay me now” link that just works on mobile and desktop.

Result: Abandoned checkouts, lost revenue, and poor UX for creators and supporters.


Solution

TapToTip compresses tipping into a single, delightful action:

  1. Creators generate a personal link + QR from the web app.

  2. Supporters click/scan → type amount (+ optional message) → tap once.

  3. No addresses, no pop-ups, no gas—thanks to MetaMask Delegation Toolkit and our gas sponsorship.

  4. Envio provides real-time indexing so creators see earnings instantly on the dashboard.

Safety first: The one-tap flow uses scoped, time-boxed delegations (default 30 days), fully revocable anytime. TapToTip is non-custodial: funds settle directly to the creator’s wallet.


Who It’s For

Creators, streamers, event booths, OSS maintainers, hackathon teams, community fundraisers—anyone who needs instant, low-friction tips.


Key Features

  • Shareable Link & QR: Your public page routes tips straight to you.

  • Frictionless UX: Enter amount/message → one tap. No address entry. No pop-ups.

  • Gasless for Supporters: We sponsor gas; you receive the tip less a transparent 1% fee.

  • Authorize Once, Every 30 Days: Enable pop-up-free tipping via MetaMask Delegation Toolkit; revoke anytime.

  • Embedded Wallet Login: MetaMask Embedded Wallet keeps onboarding smooth for newcomers.

  • Creator Dashboard (v1): Real-time MON earnings + message history, powered by Envio.

  • Revocation & Renewal: Full control over permission windows right from Settings.


Demo & Quickstart

  • 1) Connect your wallet (Embedded Wallet supported).

  • 2) Create profile (name, handle, optional avatar/bio).

  • 3) Authorize one-tap tipping (30-day window; revocable).

  • 4) Share your link/QR on socials, overlays, slides, stickers.

  • 5) Watch tips appear on the dashboard instantly.

Tiến độ hackathon

Created The App Frontend, Backend And Smart Contract.

Công nghệ sử dụng

React
Web3
Solidity
Trưởng nhóm
HHussein Aprianto
Mã nguồn mở
Ngành
Other