Awesome Pay - This is a virtual payment module made from react

Overview

Awesome Pay

This is a virtual payment module made from react.


๐ŸŒˆ Install

npm install awesome-pay

๐ŸŒˆ Usage

Setting

public/index.html

... ">
<body>
  ...
  <div id="modal">div>
  ...
body>

Use

import { PayModal } from 'awesome-pay';

export default function Component({ totalPrice }) {
  const [showModal, setShowModal] = useState(false);

  const toggleShowModal = () => {
    setShowModal(prevState => !prevState);
  };

  const paymentFunc = () => {
    toggleShowModal();
    // Do Something What You Want
  };

  return (
    <div>
      ...
      <PayModal
        showModal={showModal}
        toggleShowModal={toggleShowModal}
        companyName={companyName}
        totalPrice={totalPrice}
        paymentFunc={paymentFunc}
      />
      ...
    </div>
  );
}

๐ŸŒˆ Author

LeeAhHyun
You might also like...

FlexiPay is a flexible payment solution for DAO Events.

FlexiPay is a flexible payment solution for DAO Events.

Problem Statement Ever thought about not attending the event further right when itโ€™s ongoing? Ever felt like the money you paid for an event isnโ€™t wor

Nov 24, 2022

JellyChain1 is a blockchain network platform that supports smart contracts and can act as a payment system/cryptocurrency

JellyChain1 is an experimental blockchain network, that will serve as a starter blockchain test network and scale out database software and other applications. JellyChain1 is created to cut energy costs when mining transactions on the blockchain.

Dec 1, 2022

Backend Microservice & Payment Gateway System

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

May 9, 2023

A module to integrate World Anvil with Foundry Virtual Tabletop.

A module to integrate World Anvil with Foundry Virtual Tabletop.

Foundry Virtual Tabletop - World Anvil Integration This module provides an integration with World Anvil for Foundry Virtual Tabletop, allowing you to

Sep 7, 2022

This project is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This Awesome books webpage was created using ES6.

Awesome books App using Module Awesome books App using Module This book list was built using modules and other ES6 syntax. It allows users to add/remo

Jul 25, 2022

An Awesome Toggle Menu created with HTML,CSS,JQuery,font-awesome and line by line comment.

An Awesome Toggle Menu created with HTML,CSS,JQuery,font-awesome and line by line comment.

Demo : https://blackx-732.github.io/AwesomeMenu/ Under open source license No ยฉcopyright issues Anyone can be modify this code as well Specifically we

Feb 9, 2021

Great web App to make a list of awesome books to read. Made with โค๏ธ, JavaScript ES6 Modules.

Awesome Books A basic app project built with HTML, CSS and JS to keep track of awesome books. Built With HTML/CSS & JS best practices: Correct use of

Sep 20, 2022

Website to present projects made by me and that are part of my personal portfolio. It was made using React, HTML y Scss (CSS).

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 23, 2021
Owner
AhhyunLee
์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๐Ÿ’…
AhhyunLee
Pay Creators to Promote your Product in $CRYPTO

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Satyam Kulkarni 1 Feb 7, 2022
NFT vending machine proof of concept built on Solana Pay, Metaplex, Phantom Mobile and Next.js.

Solana NFT Vending Machine This is a proof of concept of an NFT vending machine built using Solana Pay, Metaplex, Phantom Mobile, and Next.js. This wa

Matt Rosenzweig 55 Dec 15, 2022
Generate wechat / wework pay signture for NodeJs

WXSIGN Generate wechat / wework pay signture The library uses strdm ?? to generate random strings of a specified length How to installtion? # yarn

y.tianyuan 8 Nov 17, 2022
This is a decentralised application that allows you to pay your employees salary in Ethereum.

This is our project for Ethernals Hackathon. Built on Polygon and deploye dusing Spheron. You can check out live project here: https://ethernals_dapp-

Kushagra Sarathe 3 Sep 20, 2022
Stays: book accommodation on-chain, pay in crypto, and help local communities

Stays: on-chain bookings Installation Make sure you have node and nvm installed: nvm use v16 npm install -g yarn npm install -g lerna yarn install ler

Winding Tree 8 Jun 2, 2022
Open-source Solana Pay framework

Bedrock Bedrock is a framework for Solana Pay that: Standardizes the methodology used to create transaction requests Provides implementations for many

Bedrock Foundation 11 Nov 26, 2022
An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.

An npm package for demonstration purposes using TypeScript to build for both the ECMAScript Module format (i.e. ESM or ES Module) and CommonJS Module format. It can be used in Node.js and browser applications.

Snyk Labs 57 Dec 28, 2022
The open ransomware payment tracker

ransomwhere The open ransomware payment tracker Setup Install development dependencies in backend by running npm install. Development Open index.html

Jack Cable 68 Dec 13, 2022
๐Ÿ”‘ Keagate is an open-source, high-performance alternative to popular cryptocurrency payment gateways such as Coinbase Commerce, CoinGate, BitPay, NOWPayments, CoinRemitter, CoinsPaid and more.

โ›ฉ๏ธ Keagate โ€“ A High-Performance Cryptocurrency Payment Gateway ?? This project is actively in development ?? Table of Contents About the Project Purpo

null 76 Jan 3, 2023
Unofficial Chapa Payment Implementation with Express.js

Chapa Payment Integration This is Unofficial implementation of payment with Chapa API using expressjs Getting started To get the Node server running l

Bereket Lemma 4 Nov 7, 2022