Gold Token

This is a project developed to study ERC-20 tokens and the integration of front-end part of the application with web3 wallets and contracts.

Here is a demo of the application's interface:

Frontend

Deploy

This project is deployed to GitHub Pages and available here:

https://dvalentina.github.io/gold-token/

Features

• Connecting to a web3 wallet
• Displaying information about the connected account and the ERC-20 token
• Transfering, minting, and burning tokens (forms availability depends on the account's roles)
• Admin page
• Granting and revoking roles (from admin page)
• Notification system
• Responsive layout
• Reusable components

Demo

Connecting a Metamask wallet

Transfering tokens between accounts

View this demo's transaction on => Etherscan

Granting the minter role

Granting took some time in this demo, please wait a bit! :​-​)
View this demo's transaction on => Etherscan

Rejecting transaction

Responsive layout

Switching wrong network

ERC-20 Token

Deploy

The GLDToken contract made for this project is deployed and verified at Goerli Testnet:

https://goerli.etherscan.io/address/0xF61E8fA20930EFcEa54D83CE9E5E5C7F2A66b1ee

Features

• ERC-20 token contract using openzeppelin implementation
• Minting/burning tokens functionality
• Granting/revoking roles functionality

Tools & Technologies

• React, create-react-app
• React context, custom hooks
• styled-components
• CSS grid
• hardhat
• ethers
• Goerli Testnet
• openzeppelin

Sources

Logo I used

Görli Testnet Logo

Tutorials I followed

• Hardhat's tutorial for beginners
• Hardhat Runner Docs
• DEV A Concise Hardhat Tutorial: Part 2 - ERC20 Token
• ChainShot Hardhat Guides Setup
• ChainShot Hardhat Guide: How to Deploy Your Own ERC-20 Token
• How to Connect Your Dapp With MetaMask Using Ethers.js
• MetaMask Docs
• Notification system