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

Videos

Description

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.

Progress During Hackathon

Created The App Frontend, Backend And Smart Contract.

Tech Stack

React
Web3
Solidity
Team Leader
HHussein Aprianto
Sector
Other