You're reading from Building Full Stack DeFi Applications

Product type Book

Published in Mar 2024

Publisher Packt

ISBN-13 9781837634118

Pages 490 pages

Edition 1st Edition

Languages

Concepts

Blockchain

Author (1):

Samuel Zhou

Table of Contents (21) Chapters

Preface

1. Part 1: Introduction to DeFi Application Development

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 pages for creating staking pools and supplying rewards

Creating staking pools and supplying rewards are two features of managing staking pools. As a decentralized application, everyone can create staking pools and supply rewards to any staking pools. In this section, we will implement the pages for creating staking pools and supplying rewards for the staking pools.

Improving the token selection modal component

Before implementing the staking pool creation page, we need to improve the token selection modal component src/frontend/components/TokenSelectModal/index.js because the staking pool creation page will reuse it to select ERC20 tokens (LP tokens or non-LP tokens).

As we mentioned in Chapter 6, Implementing a Liquidity Management Frontend with Web3 and Chapter 8, Working with Native Tokens, the TokenSelectModal component allows users to select from all tokens deployed by the rpm run deploy command and the native token ETH. However, sometimes, we should support...