# Web3 Frontend Coding Challenge Estimated time, 30 minutes. You have a choice, you can do the more web3 task(task 1) which requires more context about crypto, or the UI heavy task(task 2), which just tests speed for building UI components. ## Task 1 Create a frontend that allows users to: - Connect their wallet - Check their current balance of WETH - Wrapping ETH - Unwrapping WETH ## Details Do this on [Sepolia](https://chainlist.org/chain/11155111) Here is a sepolia faucet if you don't have ETH : https://sepolia-faucet.pk910.de/ WETH Address: https://sepolia.etherscan.io/address/0xd0df82de051244f04bff3a8bb1f62e1cd39eed92 ### Task 1: Connect their wallet Completion: Users are able to connect metamask Ideal: Users are able to connect a variety of wallets via something like walletconnect or family.co ### Task 2: Check their current balance of WETH Completion: Users can view their current balance of WETH ### Task 3: Wrapping ETH Completion: Users are able to specify an amount of ETH to mint to WETH Ideal: There are also toasts indicating transaction status ### Task 4: Unwrapping WETH Completion: Users are able to burn WETH for ETH ## User Interface ### Wrapping ETH ![image](https://hackmd.io/_uploads/ryztbIX-R.png) ### Unwrapping WETH ![image](https://hackmd.io/_uploads/Sk8aWIQ-A.png) Demo Website: https://wrapeth.com/ ## Task 2 Build the following two screens - feel free to mock or hardcode the data ![image](https://hackmd.io/_uploads/SJEIGLXWR.png) ![image](https://hackmd.io/_uploads/SkVrzUXZC.png) The figma is here: https://www.figma.com/file/bGsfgFmTDy6NMdM8WYwR4F/Betcha---External?type=design&node-id=2011-466&mode=design