AAVE V3 Landing Page

Walkthrough and explainer of main sections

jameskbh
5 min readJun 29, 2022

Landing Page

The default landing page is your Dashboard. The buttons on the top menu give access to other pages and configurations.

Configuration

On the right top corner, there are two buttons. The “cog” is a global settings menu where the user can change several configurations.

The other one shows the wallet currently connected with the website and the network where this wallet is. It also offers the option to copy the wallet address, view it on the block explorer, and disconnect the app from the wallet.

Dashboard

The first information available on the Dashboard's main area is the wallet’s current balance (net worth) and the APY of this position.
Below are two sections: Your supplies and Your borrows.

Assets to supply Overview

The Your supplies section shows the assets available for deposit on AAVE markets. In addition, the user can deselect the “Show assets with 0 balance” filter to show only assets with a balance on the wallet connected.

Information on each asset

Each asset row in this section shows the Wallet balance and the expected APY when supplying it to the protocol. In addition, there is also the information if this asset can be used as collateral for borrowing.

Two buttons trigger the actions available in this section: Supply and Details.

Details

Clicking the Details button will lead to the asset’s market page.

Supply

Clicking the Supply button will open a popup where the user can select the amount. If it is the first interaction with the protocol, and approval transaction will be necessary before the supply one.
After this step, the Your Supplies section will reflect this deposit.

Your supplies Overview

Here is an overview of the current assets supplied, the APY of the position, and a selector to enable/disable the asset as collateral.

Two buttons trigger the actions available in this section: Withdraw and Swap.

Withdraw

The process of withdrawing is similar to the one of supplying the asset. Select the amount and confirm the transaction.

Swap

The swap button enables the exchange of one asset for another, and this swapped asset is automatically supplied to the respective market.

Assets to borrow Overview

Likewise the Supply section, two buttons trigger the actions available in this section: Borrow and Details.

The borrow function is not enabled if the user doesn’t provide any collateral asset.

After depositing assets as collateral, the borrow button is enabled.

Information on each asset

Each asset row in this section shows the amount Available for borrowing, considering the collateral deposited. In addition, it indicates the APY, variable, and APY, stable rates for the borrow, where the first one changes due to the market conditions and the latter are the same over the loan duration. Not every asset has the APY, stable option.

Details

Clicking the Details button will lead to the asset’s market page.

Borrow

Clicking the Borrow button will prompt a popup where the amount and type of rate can be selected.

Your borrows Overview

Here is an overview of the current Debt, the APY that must be paid for the position, and a selector where you can change the APY type of the loan. This section has two buttons: Repay and Borrow.

Borrow

The user can borrow more of the asset previously borrowed through this section. If the stable APY is available, it can be selected. When this type is chosen, the user must borrow an amount larger than the supplied as collateral.

APY Type

The user can also switch the loan’s APY type by selecting the desired option and performing the transaction.

Repay

Clicking the Repay button will prompt a popup where the user can choose to repay the loan with the wallet balance or collateral available on the platform. The loan can be paid in full or partially. After the transaction is completed, the new overall position is shown on the dashboard.

Summary

Every interaction the user has (supplying, borrowing, withdrawing, repaying, etc.) with the protocol changes his overall position. The summary shows the updated position for this market.
The user can check his Net APY and the Health Factor of the loan by clicking on the risk details.

On the popup, there is an explanation of the factors that lead to the loan’s liquidation and its current status against the liquidation limits. In addition, the user can find every collateral available and its specific parameters for borrowing in the risk parameters section.

--

--