Building frontend UI components

In this section, we will build our decentralized digital art market DApp frontend components. Before we start to write the code, we will install all the dependencies needed in the project.

Setting up project dependencies

In our DApp frontend, we will use the MDB framework as a UI CSS framework, react-route as a URL router navigation library, and Truffle contract as a utility to read the compiled contract ABI file. Web3 is used to communicate with the backend blockchain network. The following is the list of the npm dependencies defined in package.json:

Install all these dependencies by running the install command as shown here:

npm install

After installing all the necessary dependencies, we...