Front end web to interact with TokenVesting smart contract

[chatpuppy]

We need donation pages to interact with TokenVesting.sol.

• DONATE page

  show the donation UI and donate.

  • Get the donation data from data = crowFundingParams(participant), get the start and end time from data.startTimestamp and data.endTimestamp. If the start time is later than now, show Not start. If the end time is earlier than now, show Already End.
  • Show the donation details
    • Total issued: total()
    • Issued amount of current participant type: getTotalAmountByParticipant(participant)
    • Total beneficiary count: getBeneficiaryCount
    • Beneficiary count of current participant type: getBeneficiaryCountParticipant
    • All releasable: releasable()
    • Releasable of current participant type: participantReleasable(participant)
    • Released of current participant type: participantReleased(participant)
    • RevokedAmount of all: revokedAmount
    • Current rate(price) of current participant type: getPriceForAmount
    • CrowdFunding params: data = crowFundingParams(participant)
      • Genesis time: data.genesisTimestamp
      • TGE Amount ratio: data.tgeAmountRatio / 100%
      • Cliff: from data.genesisTimestamp to data.genesisTimestamp + data.cliff
      • Duration: from data.genesisTimestamp to data.genesisTimestamp + data.cliff + data.duration
      • Era Basis: data.eraBasis
      • Start time: data.startTimestamp
      • End time: data.endTimestamp
      • Higest of each donation: data.highest
      • Lowest of each donation: data.lowest
      • Allow redeem: data.allowRedeem
      • Accept donamtion if amount over cap: data.acceptOverCap
    • Price table for different raising amount range: priceRange(participant)
      • column 1: fromAmount
      • column 2: price
      • Cap: getCap(participant)
  • Input text field: input BNB/ETH amount
  • Button:
    • Donate: crowFunding(participant)

• DONATED page

  An account can not be more than one in one type of participant.

  Get your own beneficiary data by data = getBeneficiary(getIndex(participant, address))

  • Donated details:
    • Genesis time: data.genesisTimestamp
    • Date and time: data.timestamp
    • Total token amount: data.totalAmount
    • TGE Amount: data.tgeAmount
    • Cliff: from data.genesisTimestamp to data.genesisTimestamp + data.cliff
    • Duration: from data.genesisTimestamp to data.genesisTimestamp + data.cliff + data.duration
    • Era Basis: data.eraBasis
    • Status: data.status
    • rate(price): data.price
    • Donation amount(BNB/ETH): data.totalAmount / data.price
    • releasable: releasable()
    • released: released()
  • Buttons:
    • Release: release(participant)
    • Redeem: redeem(participant)

Technical

• web3.js
• reactjs
• html, css

Please add me on discord: 0xx_xx0#8042 for details.

Thanks

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

This issue now has a funding of 3.9644 BNB (1563.92 USD @ $394.49/BNB) attached to it.

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin's Discord
• $5,396,262.94 more funded OSS Work available on the Gitcoin Issue Explorer

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Work has been started.

These users each claimed they can complete the work by 264 years, 9 months from now.
Please review their action plans below:

1) amitojsingh366 has applied to start work (Funders only: approve worker | reject worker).

As discussed over discord I would like to work on this bounty
2) stackedq has applied to start work (Funders only: approve worker | reject worker).

I'd love to participate in this bounty
3) maxx6262 has applied to start work (Funders only: approve worker | reject worker).

Using web3, web3modal, Nodejs for API, and react to make it responsive
4) gvincenta has applied to start work (Funders only: approve worker | reject worker).

I have around 2 years of experience with react , html, css, javascript, and have produced webs with good design. will be happy to work on this.
5) imkrish7 has applied to start work (Funders only: approve worker | reject worker).

Learn tokenvesting and integrate
6) developerfred has been approved to start work.

I would like to work on this issue, my strategy will be to get the donation data using the subgraph and interact with the donations using ethers.

Learn more on the Gitcoin Issue Details page.

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

Work for 3.9644 BNB (1437.16 USD @ $362.92/BNB) has been submitted by:

1. @developerfred

@chatpuppy please take a look at the submitted work:

• PR by @developerfred

---

• Learn more on the Gitcoin Issue Details page
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin's Discord
• $5,186,899.97 more funded OSS Work available on the Gitcoin Issue Explorer

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

The funding of 3.9644 BNB (1301.17 USD @ $328.58/BNB) attached to this issue has been cancelled by the bounty submitter

• Questions? Checkout Gitcoin Help or the Gitcoin's Discord
• $5,226,648.26 more funded OSS Work available on the Gitcoin Issue Explorer