Finishing the dApp

To complete the dApp, we have to modify the React code to integrate the smart contract changes while also making sense of the way we receive the information from the blockchain using the right methods to display that data properly. Before this, make sure that your contracts are deployed to ropsten , as shown in the previous steps.

Setting up the contract instance

Because we are using webpack, we have access to all the files inside the source folder from the React files, which means that we can get the deployed smart contract ABI and the deployed contract address, as well as the required parameters to create a contract instance. This is shown in the following code:

import React from 'react'
import...