Here’s Etherplate, an Ethereum NFT (ERC721) template project using React + React Router + Redux + Bulma

Chuck Bergeron
2 min readMay 22, 2018

--

Recently I found myself wanting to dive in to blockchain development after working through the fantastic CryptoZombies tutorials, and what better way to start working on DApps than to create something for the open source community.

Etherplate is an example project showing how you can hook up your Ethereum Non-Fungible Tokens (NFTs, ERC721, similar to CryptoKitties) contract(s) with web3. It demos minting ERC721 tokens, replaying blockchain history, subscribing to web3 events, and consuming `view` Solidity methods in the JS frontend.

Etherplate uses React, React Router, Redux, and Bulma (but it’s always possible to rip out any of these and replace them with your favourites).

View Source on GitHub

View Demo on Netlify (Use either the Ropsten or Rinkeby testnets, ‘Loading …’ state currently waits for a mined transaction from testnet and therefore could take a few moments)

OpenZeppelin’s fantastic community-audited contracts have been integrated into Etherplate as a base to start implementing your own ERC721 standard smart contracts.

Etherplate is also a truffle box, so you can easily install it using truffle unbox chuckbergeron/etherplate once you have the ‘truffle’ npm library installed on your machine.

My hope is that Etherplate gives both newcomers to the DApp world something concrete to start from, as well as giving Ethereum veterans a nice base when starting their next DApp project.

--

--