---
# System prepended metadata

title: 'Web3 Frontend Coding Challenge(Estimated time, 30 minutes)'

---

# 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