Description
Implement a front end for the Agoric AMM that is production ready and reflects well vs. comparable AMM applications that users are accustomed to.
The front end should make the following user actions available:
- Select input and output tokens -- Take into account tokens held by the user -- Take into account tokens with liquidity in the AMM -- Provide a good user experience for selecting deposit/withdrawal specific purses or using defaults
- View price for a given trade -- Dependent on trade size -- Show slippage vs. current price
- Trade on swap -- Set slippage tolerance
- Add liquidity to pool
- Remove liquidity from pool -- Partially remove liquidity -- Remove all liquidity
- Create a new liquidity pool
Feel free to leverage any part of the existing React implementation.
Acceptance Criteria
- UI and architecture designs approved by Agoric team. Note: It is expected that all operations provide the user “offer safety” when possible
- Follows Agoric style requirements
- Follows bounty instructions above (e.g., expected functions covered, implemented in React, polished look)
Time Estimation
80 hours
Reward
$6,400
Payment will be made in USD (fiat currency) via wire transfer. The developer is responsible for providing their completed tax documents (W9 for US based developers and/or W8 or W8-BEN-E for non-US based developers) and providing their banking details in order to receive payment.
Applicant Assessment Criteria
Important: Please provide a clear workplan for how you will approach this bounty. Use the work plan as an initial demonstration that you would be a good candidate. Bounties will require coordination with the Agoric team, so unfortunately only plans submitted in English will be considered.
Applicants will be assessed based on the following criteria:
- Issue-specific domain experience
- Issue-specific technical capability
- Familiarity with Agoric's platform
- JavaScript experience
- Availability and communication
##Review Process
- Agoric team reviews your submitted workplan on Gitcoin Note: It is best to join our Discord and post your gitcoin name in the bounties channel, so that we can follow up with you. Otherwise, we will write on your gitcoin profile wall and say hello!
- Agoric contacts you to provide reference projects / sample code for engineering review
- Introductory call to discuss your plans and expected timeline
- You join the Agoric Discord bounties channel (if you haven’t done so already)
- Agoric accepts you on Gitcoin and you get started!
References
- Uniswap: https://app.uniswap.org/#/swap
- Sushiswap: https://app.sushi.com/swap
- Current React Frontend: https://github.com/Agoric/dapp-treasury/blob/main/ui/src/components/Swap.jsx
- Agoric AMM code: https://github.com/Agoric/agoric-sdk/tree/master/packages/zoe/src/contracts/multipoolAutoswap
- Agoric documentation: https://agoric.com/documentation/getting-started/
- #bounties channel on Agoric Discord for questions!