hackquest logo

Loopr

Subscriptions Made Simple. Powered by Solana Pay

ビデオ

説明

Loopr – Subscriptions Made Simple. Powered by Solana Pay

Overview

Loopr is a decentralized subscription payment and management platform built on Solana. It enables businesses to integrate seamless subscription payments into their applications and allows users to manage all their subscriptions in one place.

The system consists of two major components:

  1. Loopr Web SDK – For businesses to integrate a "Pay with Loopr" option into their checkout flows.

  2. Loopr Mobile App – For users to scan QR codes, pay with Solana Pay, and manage their subscriptions.

Additionally, a demo web application is built to showcase how Loopr can be integrated into a typical subscription-based service.


Problem Statement

Traditional subscription systems rely on centralized payment gateways (Stripe, PayPal, Razorpay, etc.), which introduce:

  • High transaction fees.

  • Lack of interoperability across platforms.

  • Minimal transparency and control for users.

  • No native way to reward subscribers with tradable digital assets.


Solution

Loopr addresses these challenges by:

  • Providing a plug-and-play SDK for merchants to integrate subscription payments directly into their platforms.

  • Using Solana Pay as the underlying payment layer for speed and low transaction cost.

  • Generating dynamic QR codes that carry metadata like billing frequency, amount, and subscription ID.

  • Rewarding users with NFTs for each subscription (can be collectibles, coupons, or tradable assets).

  • Offering a mobile dashboard where users can manage, track, and renew all their subscriptions in one place.

  • Supporting Solana Pay QRs directly (non-Loopr generated), with manual recurring setup.


Core Features

1. For Businesses (Web SDK)

  • Dynamic QR Generation with subscription details.

  • "Pay with Loopr" button for checkout integration.

  • Easy integration via plug-and-play SDK.

  • Support for both Loopr QR and Solana Pay QR.

2. For Users (Mobile App)

  • Scan QR and pay via Solana Pay.

  • Subscription Dashboard with auto-filled details.

  • NFT Rewards for each subscription.

  • Recurring Payment Setup for Solana Pay QRs not generated by Loopr.

  • Web3Auth onboarding for easy wallet creation.

3. Demo Web App

  • Showcases subscription selection (monthly, quarterly, yearly).

  • Redirects to checkout page.

  • Integrates "Pay with Loopr" component from SDK.

  • Generates Solana Pay QR on button click.


Tech Stack

Web SDK

  • Language: TypeScript

  • Framework: React (for UI components like PayWithLoopr)

  • QR Code Generation: qrcode / qrcode.react

  • Blockchain: Solana Pay integration using @solana/web3.js

  • Plan Management: Custom configuration system

Mobile App

  • Language: Kotlin

  • Authentication: Web3Auth (wallet onboarding)

  • Payments: Wrapper around Solana Pay

  • Subscription Management: Local dashboard + NFT rewards

Smart Contracts (future expansion)

  • Rust (for subscription logic and NFT minting contracts on Solana)

Demo Web Application

  • Framework: React + Vite

  • Styling: TailwindCSS

  • Routing: React Router

  • Integration: Consumes Loopr-SDK


Architecture

                        +-------------------+
                        |   Merchant Site   |
                        |  (e.g. Gaming)    |
                        +-------------------+
                                |
                                |   "Pay with Loopr"
                                v
                        +-------------------+
                        |   Loopr Web SDK   |
                        |  (QR + Checkout)  |
                        +-------------------+
                                |
                +---------------+----------------+
                |                                |
   Loopr QR (dynamic)                   Solana Pay QR
   (Plan metadata inside)               (No metadata)
                |                                |
                v                                v
        +------------------+            +------------------+
        |  Loopr Mobile    |            |  Loopr Mobile    |
        |  Scan + Pay      |            |  Scan + Pay      |
        +------------------+            +------------------+
                |                                |
        Auto-subscription mgmt        Manual subscription setup
                |
                v
      +---------------------+
      |  User Dashboard     |
      |  + NFT Rewards      |
      +---------------------+

User Flow

  1. Merchant integrates Loopr SDK → Adds "Pay with Loopr" button.

  2. User selects plan → Checkout → Clicks "Pay with Loopr".

  3. SDK generates Solana Pay URI + QR with subscription metadata.

  4. User (Mobile App) scans QR → Pays in SOL via Solana Pay.

  5. Loopr App mints NFT reward and updates Subscription Dashboard.

  6. User can manage recurring payments, view rewards, and cancel anytime.


Innovation and Differentiation

  • First subscription-focused wrapper on Solana Pay.

  • NFT-powered loyalty and engagement.

  • Works with both Loopr-generated and Solana Pay QRs.

  • Decentralized, transparent, and low-cost compared to Stripe/PayPal.


Future Enhancements

  • Analytics dashboard for merchants.

  • Multi-chain support beyond Solana.

  • On-Off Ramp Fiat

テックスタック

React
Web3
Rust
Java
Node
Kotlin
SolanaPay
Web3Auth

資金調達の状況

Fundraising is not essential for us, but we are open to further discussions.

チームリーダーAAmitrajeet
オープンソース
業界
DeFiNFTInfra