Show Me Love

Small treats. Real support.

A creator support platform that turns a simple gesture—“let me buy you a zobo”—into a contribution. Creators share a personal page, supporters buy a virtual treat, and payments are tracked in USDT through Roqqu API Service (RAS).

Live demo · Quick start · Demo walkthrough · Developer integration

The problem

Creators, independent builders, and community organizers need a simple way to turn appreciation into financial support. A payment address alone does little to explain what someone is supporting, make the experience personal, or help a creator manage contributions afterward.

Show Me Love brings the support page, checkout, contribution history, goals, and withdrawal workflow together. Familiar treats such as zobo, suya, jollof, and coffee make the experience feel personal, with a focus on Nigerian creators and their communities.

What it does

Capability	Experience
Personal creator pages	Claim a link such as /@ada, customize a profile, and choose a treat and price.
Treat checkout	Support a creator without a supporter account; add a name, receipt email, and optional public note.
USDT payments	Generate Roqqu payment links, with direct wallet checkout for supported BEP20 payment addresses.
Creator dashboard	View contributions, balance, supporter activity, and withdrawal history.
Funding goals	Publish a goal with its own contribution flow and progress tracking.
Group support	Support multiple creators through a shared checkout and split allocation.
Support stamps	Create a campaign and let visitors personalize and download a shareable support image.
Developer Connect	Register sandbox or live apps, issue API keys, and connect creator accounts through a consent flow.
Admin tools	Review withdrawals, inspect payment activity, handle reports, and manage refunds.

Treats represent financial contributions; the app does not arrange food or drink delivery.

How it works

1. Create a page. Sign up, claim a username, and choose the treat supporters can buy.
2. Share the link. Add the page to a social profile, community, or project.
3. Receive support. A supporter chooses a quantity, leaves a note, and opens checkout.
4. Confirm the payment. Roqqu events drive payment status and the creator's ledger entries.
5. Withdraw earnings. Request a USDT wallet payout or a Nigerian bank withdrawal. Bank withdrawals and qualifying wallet withdrawals enter admin review.

Support stamps offer another way to participate: visitors can create a shareable image without making a payment.

Demo walkthrough

Open the live demo to explore the product. For a repeatable walkthrough with simulated payments, use the local practice environment below. The hosted deployment's payment mode depends on its configuration.

Step	What to demonstrate
1. Creator onboarding	Create an account, claim a username, and set up a treat.
2. Public support page	Open the creator link in another browser session and choose a contribution.
3. Payment confirmation	In local practice mode, simulate the payment and show the updated dashboard.
4. Community features	Create a funding goal, explore group support, or download a support stamp.
5. Withdrawal lifecycle	Request a withdrawal, complete verification, and review it using an authorized admin account.
6. Developer platform	Create a sandbox app in Developers and run the Connect starter.

Product gallery

Creator dashboard	Support stamp studio

Screenshots show development sample data. More mobile captures are available in docs/screenshots/375.

Architecture

flowchart TD
    Supporter[Supporter] --> UI[Next.js application]
    Creator[Creator] --> UI
    Admin[Admin] --> UI
    UI --> API[Server routes and domain logic]
    API --> DB[(Postgres: accounts, payments, ledger, goals)]
    API --> RAS[Roqqu API Service]
    RAS --> Webhook[Payment and payout webhooks]
    Webhook --> API
    API --> Email[Brevo or ZeptoMail]
    API --> Blob[Vercel Blob]
    Partner[Third-party application] --> Connect[Connect API and consent flow]
    Connect --> API

Technology stack

Layer	Technology
Application	Next.js 15 App Router, React 19, TypeScript
Interface	Tailwind CSS 3, Lucide icons
Data	Postgres with the postgres driver; PGlite for local development and tests
Payments and payouts	Roqqu API Service; Viem, Wagmi, and WalletConnect for wallet connectivity
Authentication	Password and email-link flows; signed sessions using jose
Email and storage	Brevo or ZeptoMail; Vercel Blob for uploaded images
Verification	Vitest; Playwright smoke and responsive scripts
Deployment configuration	Vercel, with a scheduled reconciliation route

This is the beginning of the README. Read the rest at the original. Read the full README ↗