Clones the basic interface and swap functionality of a dapp such as Uniswap.
Made using React, TypeScript, RainbowKit, wagmi, Next.js, and Ethers.js.
Can select among the 15 most popular eth blockchain tokens to swap between.
Once user submits amount they want to swap, selects fee pool, and hit "Swap" here is what happens:
- getPool function is called using UniswapV3Factory contract to obtain pool address and pool immutables.
- This data is then used to call exactSingleInput function on the SwapRouter02 contract to execute the swap - before this happens user is asked to confirm the transaction through their wallet.
- If there is an error, an error message will appear to user right below swap input form
- if transaction is successfully submitted , then user will see success message below
- There were a lot of issues with goerli testnet. Was not getting pool addresses back for valid swaps. However, Pool addresses came back successfully everytime when testing on mainnet. Also, on goerli transactions would be successfully submitted to with transaction hash return (all inputs that were submitted were valid) But then the smart contract would mysterious fail to complete the transaction.
- Show the wallet balance of each token being swapped. This is an easy call to balanceOf() function using the wallet address and token contract address.
- Show the recent transaction for the pool. You can grab these with the uniswap graphQL api (using thegraph).