Reader small image

You're reading from  Building Full Stack DeFi Applications

Product typeBook
Published inMar 2024
PublisherPackt
ISBN-139781837634118
Edition1st Edition
Concepts
Right arrow
Author (1)
Samuel Zhou
Samuel Zhou
author image
Samuel Zhou

Samuel Zhou has over 15 years of software engineering experience in top high tech companies including being a blockchain developer as his hobby since 2018. In 2022, Samuel turned his enthusiasm on blockchain technology into a business by founding TiFi, which is a silicon valley based startup that builds e-Commerce platform on blockchain and brings blockchain to everyday life. Over there he has created TiFi Token that offers token rebates so people can get cash back when spending the token. Also he has built TiFi Bank which is a DeFi application that offers crypto saving, lending, trading, staking and liquidity management features. Samuel holds a Master Degree and a Bachelor Degree in Computer Science.
Read more about Samuel Zhou

Right arrow

Implementing the liquidity provisioning page

In this section, we will implement the liquidity provisioning page, AddLiquidity.js. Before diving into the code, let’s demonstrate how the page works using several snapshots.

Overview of the liquidity provisioning page

Figure 6.4 shows the page view of accessing the /liquidity/add URL without specifying any search parameters. This page allows the user to select a token from a list of supported tokens by clicking the drop-down arrow on the right side of the Input box.

Figure 6.4 – A snapshot of the liquidity provisioning page without specifying URL parameters

Figure 6.4 – A snapshot of the liquidity provisioning page without specifying URL parameters

Once the down-arrow button is clicked, a dialog will show up that allows the user to select one of the tokens in the list as shown in Figure 6.5.

Figure 6.5 – Snapshot of the token selection dialog for liquidity provisioning

Figure 6.5 – Snapshot of the token selection dialog for liquidity provisioning

After a pair of tokens is selected, the liquidity provisioning page will...

lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
Building Full Stack DeFi Applications
Published in: Mar 2024Publisher: PacktISBN-13: 9781837634118

Author (1)

author image
Samuel Zhou

Samuel Zhou has over 15 years of software engineering experience in top high tech companies including being a blockchain developer as his hobby since 2018. In 2022, Samuel turned his enthusiasm on blockchain technology into a business by founding TiFi, which is a silicon valley based startup that builds e-Commerce platform on blockchain and brings blockchain to everyday life. Over there he has created TiFi Token that offers token rebates so people can get cash back when spending the token. Also he has built TiFi Bank which is a DeFi application that offers crypto saving, lending, trading, staking and liquidity management features. Samuel holds a Master Degree and a Bachelor Degree in Computer Science.
Read more about Samuel Zhou