bananapay-react v0.1.2

BananaPay React

What is BananaPay:

BananaPay is the simplest and most customizable solution for automated recurring crypto payments suited for individuals, apps and companies of any size. With features like notifying users about their subscriptions in realtime, nice and easy to use UI and very easy integrations (easier than Stripe) we aim to offer new web3 alternative to services like Patreon, Stripe and Traditional Banks. BananaPay is currently in early alpha and deployed on Polygon Testnet (Mumbai) and BNB Chain Testnet, expanding to more chains soon!

Technologies Used:

To develop BananaPay we have used:

• Chainlink - chainlink automations (keepers) - executing recurring payments
• Moralis - auth api and streams api
• Polygon - deployed contracts (0x26e600b0ef09933e548Ae21f0FE8934e8ceA7d40)
• BNB Chain - deployed contracts (0xF4D94eE230D6E37a699D1f8D63C3BE42CEC2a7ca)
• Fantom - deployed contracts (0xBfceE564E14b30E94F5C1a73b8b512Ad09b09d05)

Main Repo:

Main Repo - https://github.com/KitiHack/hack.

About the plugin:

The goal for BananaPay is to be as easily integrateable as possible. Thats why we have developed this BananaPay React plugin. With this plugin anyone with very basic knowledge of react can integrate it in its app - no JavaScript or web3 knowledge needed!

But BananaPay can also be integrateable in any other environmets, by calling the smart contract subscribe function yourself with libraries like ethers.

How to Integrate:

BananaPay can be integrated in react apps with only 1 line of code :rocket:!

Before you follow this guide we recommend you to register you app on BananaPay for better user (customer) experience - but BananaPay will still work even if you do not do that :grinning:.

1. install the plugin using npm: npm install bananapay-react see on npmjs.com,
2. import the plugin: import { BananaPay } from "bananapay-react",
3. use:

  <BananaPay
    appName="Netflix"
    appDescription="Netflix is a subscription-based streaming service...."
    appLogo="https://"
    token={{
      name: "Tether USDT",
      symbol: "USDT",
      logo: "https://",
      address: "0x12345"
    }}
    amount={5.99}           // amount of tokens to be paid each interval
    intervalSeconds={900}   // interval at which payments will be executed (in seconds!)
    appAddress="0x12345"    // address which receives all funds
    chain={"mumbai"}        // "mumbai" or "bnbtestnet" or "fantomtestnet"
  />

Thats all :)

Warning:

This plugin is still in alpha version - you may see some errors/bugs. If you find any errors feel free to email them to errors@tijan.dev or open an issue here on GitHub - all very much apreciated.