You're reading from Building Full Stack DeFi Applications A practical guide to creating your own decentralized finance projects on blockchain

Product type Paperback

Published in Mar 2024

Publisher Packt

ISBN-13 9781837634118

Length 490 pages

Edition 1st Edition

Languages

Solidity

Tools

Blockchain

Concepts

Blockchain

Author (1):

Samuel Zhou

View More author details

Table of Contents (21) Chapters

Preface

1. Part 1: Introduction to DeFi Application Development FREE CHAPTER

2. Chapter 1: Introduction to DeFi

3. Chapter 2: Getting Started with DeFi Application Development

4. Chapter 3: Interacting with Smart Contracts and DeFi Wallets in the Frontend

5. Part 2: Design and Implementation of a DeFi Application for Trading Cryptos

6. Chapter 4: Introduction to Decentralized Exchanges

7. Chapter 5: Building Crypto-Trading Smart Contracts

8. Chapter 6: Implementing a Liquidity Management Frontend with Web3

9. Chapter 7: Implementing a Token-Swapping Frontend with Web3

10. Chapter 8: Working with Native Tokens

11. Part 3: Building a DeFi Application for Staking and Yield Farming

12. Chapter 9: Building Smart Contracts for Staking and Farming

13. Chapter 10: Implementing a Frontend for Staking and Farming

14. Part 4: Building a Crypto Loan App for Lending and Borrowing

15. Chapter 11: An Introduction to Crypto Loans

16. Chapter 12: Implementing an Asset Pool Smart Contract for a Crypto Loan

17. Chapter 13: Implementing a Price Oracle for Crypto Loans

18. Chapter 14: Implementing the Crypto Loan Frontend with Web3

19. Index

Why subscribe?

20. Other Books You May Enjoy

Implementing frontend components for deposits, withdrawals, and harvesting

Deposit, withdrawal, and harvest are the three most important functions of staking pools, and users can use these three operations to earn crypto. In this section, we will dive into the code of how to interact with smart contracts and on-chain data to perform these operations. We will not go deep into the UI code and the JavaScript code that we discussed previously (e.g., how to approve token transfers with ethers.js).

Deposit page for staking pools

The deposit page for staking pools allows a user to deposit staked tokens by calling the deposit function of the StakingPool smart contract. Figure 10.5 shows a screenshot of the deposit page, the source file of which is located at src/frontend/features/Stake/Deposit.js in the project.