# bananapay-react

Latest version **0.1.2** (published 2022-11-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install bananapay-react
pnpm add bananapay-react
yarn add bananapay-react
bun add bananapay-react
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.2 |
| Published | 2022-11-11 |
| First published | 2022-11-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 8 |
| Unpacked size | 999.3 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | 0xTijan |
| Maintainers | tijann |

## Links

- npm: https://www.npmjs.com/package/bananapay-react
- npm.io page: https://npm.io/package/bananapay-react

## Dependencies (8)

- [ethers](https://npm.io/package/ethers.md) ^5.7.2
- [moralis](https://npm.io/package/moralis.md) ^2.7.1
- [firebase](https://npm.io/package/firebase.md) ^9.13.0
- [react-icons](https://npm.io/package/react-icons.md) ^4.6.0
- [styled-components](https://npm.io/package/styled-components.md) ^5.3.6
- [@types/styled-components](https://npm.io/package/@types/styled-components.md) ^5.1.26
- [@moralisweb3/client-firebase-evm-auth](https://npm.io/package/@moralisweb3/client-firebase-evm-auth.md) ^2.7.1
- [@moralisweb3/client-firebase-auth-utils](https://npm.io/package/@moralisweb3/client-firebase-auth-utils.md) ^2.7.1

## Recent versions

- 0.1.2 (latest) — 2022-11-11
- 0.1.1 — 2022-11-10

## README

# BananaPay React
<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://bananapay.tijan.dev/">
    <img src="./src/banana-logo.png" alt="Logo" height="150" />
  </a>

  <h3 align="center">BananaPay</h3>

  <p align="center">
    Decentralized solution for automated recurring crypto payments.
    <br />
    <a href="https://bananapay.tijan.dev/"><strong>Explore the Website »</strong></a>
    <br />
    <br />
    <a href="https://bananapay.tijan.dev/">Website</a>
    ·
    <a href="mailto:tijan.nartnik@gmail.com">Contact</a>
  </p>
</div>

<!-- WHAT IS BANANAPAY -->
## 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](https://mumbai.polygonscan.com/address/0x26e600b0ef09933e548ae21f0fe8934e8cea7d40))
- BNB Chain - deployed contracts ([0xF4D94eE230D6E37a699D1f8D63C3BE42CEC2a7ca](https://testnet.bscscan.com/address/0xF4D94eE230D6E37a699D1f8D63C3BE42CEC2a7ca))
- Fantom - deployed contracts ([0xBfceE564E14b30E94F5C1a73b8b512Ad09b09d05](https://testnet.ftmscan.com/address/0xBfceE564E14b30E94F5C1a73b8b512Ad09b09d05))

### Main Repo:
**Main Repo** - [https://github.com/KitiHack/hack](https://github.com/KitiHack/hack).

<!-- ABOUT PLUGIN -->
## 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.



<!-- INTEGRATE -->
## 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](https://bananapay.tijan.dev/app/) 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](https://www.npmjs.com/package/bananapay-react),
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 :)



<!-- BUGS AND WARNINGS -->
## 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.

---
_Source: https://npm.io/package/bananapay-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._