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

16 May 2018

Etherplate Logo

Recently I found myself wanting to dive in to blockchain development after finishing 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.

View Source on GitHub

View Demo on Netlify (Uses Ropsten testnet, ‘Loading …’ state currently waits for a mined transaction from testnet and therefore could take a few moments)

Etherplate Demo Gif

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).

OpenZeppelin’s fantastic community-audited contracts has 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.

Chuck Bergeron's photo
Chuck Bergeron Full Stack & Blockchain Developer