Help develop a frontend for the cross-chain elastic supply token swap

[chefchansey]

Support our lead frontend developer in creating a web3.js website for the cross-chain token swap and deploying the new webpage to https://ditto.money/swaptobsc

Overview

The incentivized cross-chain token swap lets users deposit selected Ethereum tokens and receive DITTO on Binance smart chain in exchange. The smart contracts for the swap have already been deployed on testnet (see also: Smart contract interface).

Required frontend functionality

• Users who visit the page are prompted to connect to the Ethereum mainnet if they aren't already.
• Users who visit the page should see a list of supported input tokens (e.g. "AMPL"). The user's balance for each of the supported tokens should also be displayed.
• Users should be able to get previews of how many DITTOs will be returned for a user-specified amount of input token (e.g. 100 AMPL returns 110 DITTO)
• Also show the bonus percentage and USD values. E.g., if the bonus multiplier is set to 110, show that the user will get an extra 10% in terms of USD value.
• The page also shows the remaining maximum DITTO
• amount the user can swap for and the total amount of DITTO remaining in the swap. The UI limits user input to >= the max user cap of the max total cap (whatever is lower).
• To execute a swap, the user first approves the chosen amount and then clicks a "swap" button.
• On successful swap the user gets a success message: "Swap successful! [x] You will receive x DITTO on your wallet on Binance smart chain shortly".
• If there is an error the user gets an error message.

[gitcoinbot]

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

---

This issue now has a funding of 0.6 ETH (971.49 USD @ $1619.16/ETH) 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
  • $1,054,415.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 265 years, 9 months from now. Please review their action plans below:

1) brymut has been approved to start work.

As a frontend developer, working mostly in React, I can collaborate by sharing tasks/tickets with the lead frontend developer to implement the token swap functionality as well as the supporting required frontend functionality. 2) seunbambo has applied to start work _(Funders only: approve worker | reject worker)_.

I have over 3 years of experience in fintech delivering great products. I also have 2 years of experience working with solidity smart contract and can deliver this work excellently.

To complete this task, I will take the following steps:

1. I will need to understand the ABI of the smart contract in order to be able to connect to it from the frontend
2. I will install web3 package to interface between the ABI/smart contract and the User interface.
3. I will develop the look and feel of each page as specified in the task description

Learn more on the Gitcoin Issue Details page.

[gitcoinbot]

@brymut Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[brymut]

@gitcoinbot still working on it

[gitcoinbot]

@brymut Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

• [x] reminder (3 days)
• [ ] escalation to mods (6 days)

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

[brymut]

@gitcoinbot still working on it

[gitcoinbot]

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

---

Work for 0.6 ETH (1205.49 USD @ $2009.15/ETH) has been submitted by:

---

• 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
• $1,160,470.63 more funded OSS Work available on the Gitcoin Issue Explorer