HackMD
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
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
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
Unwrapping WETH
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
Demo Website: https://wrapeth.com/
Task 2
Build the following two screens - feel free to mock or hardcode the data
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
- The image was uploaded to a note which you don't have access to
- The note which the image was originally uploaded to has been deleted
The figma is here: https://www.figma.com/file/bGsfgFmTDy6NMdM8WYwR4F/Betcha–-External?type=design&node-id=2011-466&mode=design
