Writing a Frontend to Build the NFT Marketplace DApp
Generally, a Decentralized Application (DApp) is a two-tier application, comprising two main components: a frontend UI layer written using HTML, JavaScript, or web3.js and a smart backend contract that runs in the blockchain network.
We learned how to write a smart contract using the Ethereum development tool in the previous chapter, and how to run a unit test to verify that all the Solidity functions worked well. To let an end user enable calls to our smart contract, we will need to build a UI to interact with the smart contracts.
In this chapter, we will learn how to write a UI to build a digital art market DApp, using the popular JavaScript framework React and web3.js.
The chapter comprises the following topics:
- Understanding DApps
- Creating your first NFT
- Working with a Web3 JavaScript API
- Setting up a DApp development environment
- Building frontend UI components
- Running the digital art market...