GithubHelp home page GithubHelp logo

eatozee / nftoupon Goto Github PK

View Code? Open in Web Editor NEW
9.0 3.0 3.0 1.25 MB

๐Ÿš€ Widget to generate the NFTs.

License: MIT License

JavaScript 4.01% TypeScript 65.12% CSS 30.87%
library nft-generator reactjs widget-library xrpl xumm

nftoupon's Introduction

nftvyapar

Utilize the power of AI with our widget to effortlessly create NFTs ๐Ÿ–ผ๏ธ

nftvyapar-textarea

Disclaimer - Our widget does not have built-in AI capabilities, but it does offer an AI button that allows users to incorporate their own AI use cases.

We have two packages, which are as follows:

  • nft-vyapar offers following modules

    • getTokenId
    • mint
    • sellOffer
    • acceptSellOffer
  • nft-vyapar-kit offers following components

    • Textarea
    • SellNFT

Features

nft-vyapar

  • The function getTokenId assists in retrieving the token ID of either a created NFT or a NFT that is offered for sale at a specific address.
  • mint function to mint an NFT is to create it.
  • The sellOffer function is utilized to generate an offer for a particular NFT at a designated address.
  • The acceptSellOffer function is employed to accept an NFT that has been offered to the user's wallet address.

nft-vyapar-kit

  • The Textarea component allows the user to generate an NFT with or without the capability of utilizing AI. Textarea does not have built-in AI capabilities, but it does offer an AI button that allows users to incorporate their own AI use cases.
  • The SellNFT component permits the user to sell the NFT at a preferred price to a destination address.

Installation

npm i nft-vyapar-kit nft-vyapar

Usage

To start using the nft-vyapar-kit package component, please following these steps:

import { Textarea } from "nft-vyapar-kit";
import styles from "nft-vyapar-kit/dist/index.css";

<Textarea
    callbackUrl="callback-url"
    callbackFn={() => {}}
/>
import { SellNFT } from "nft-vyapar-kit";
import styles from "nft-vyapar-kit/dist/index.css";

<SellNFT
    address="wallet-address"
    amount="10"
    destinationAddress="destination-wallet-address"
    description={"something..."}
    tokenId={"created-nft-tokenId"}
    callbackUrl="callback-url"
    callbackFn={() => {}}
/>

To start using the nft-vyapar package module, please following these steps:

import { getTokenId } from "nft-vyapar";

// use case 1, to get created nft token id
const tokenId = await getTokenId("wallet-address", "null");

// use case 2, to get sell offer tokenIndexOffer id
const tokenId = await getTokenId("wallet-address", "token-id");
import { acceptSellOffer } from "nft-vyapar";

const result = await acceptSellOffer(
    "wallet-address-seed",
    "token-offer-index"
  );
import { mint } from "nft-vyapar";

const payload = await mint({
    file,
    address: "wallet-address",
    description: "something",
    secrets: {
        NFT_STORAGE_TOKEN: process.env.NFT_STORAGE_TOKEN,
        XUMM_APIKEY: process.env.XUMM_APIKEY,
        XUMM_APISECRET: process.env.XUMM_APISECRET,
    },
});
import { sellOffer } from "nft-vyapar";

const payload = await sellOffer({
    address,
    destinationAddress,
    tokenId,
    description,
    amount,
    secrets: {
        NFT_STORAGE_TOKEN: process.env.NFT_STORAGE_TOKEN,
        XUMM_APIKEY: process.env.XUMM_APIKEY,
        XUMM_APISECRET: process.env.XUMM_APISECRET,
    },
});

nftoupon's People

Contributors

amitmirgal avatar dhruvin2803 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.