Frontend with Drizzle

Thankfully, Truffle makes it possible to kick off a DApp project easily using a collection of delicious Truffle boxes. A box is basically a boilerplate template for giving developers the ability to build robust and adaptable DApps quickly. One of these boxes is the Drizzle box.

In this section, we will build a web interface for our game with Drizzle instead of using bare-metal JavaScript and web3.js, as we did in the previous chapter.

Prerequisites

To get started with Drizzle, it's preferable to have basic knowledge of ReactJS, and will require the installation of the following ingredients:

• MetaMask
• Ganache CLI (a version that supports Websockets)
• Truffle

...