├── .gitignore
├── README.md
├── contracts
    └── Token.sol
├── hardhat.config.js
├── package-lock.json
├── package.json
├── public
    ├── favicon.ico
    ├── index.html
    ├── logo192.png
    ├── logo512.png
    ├── manifest.json
    └── robots.txt
├── scripts
    └── deploy.js
├── src
    ├── abis
    │   └── Token.json
    ├── components
    │   ├── App.js
    │   ├── Loading.js
    │   └── Navigation.js
    ├── config.json
    ├── index.css
    ├── index.js
    ├── logo.png
    ├── logo.svg
    └── reportWebVitals.js
└── test
    └── Token.js


/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | .env
 3 | coverage
 4 | coverage.json
 5 | typechain
 6 | typechain-types
 7 | 
 8 | #Hardhat files
 9 | cache
10 | artifacts
11 | 
12 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Sample Hardhat Project
 2 | 
 3 | This project demonstrates a basic Hardhat use case. It comes with a sample contract, a test for that contract, and a script that deploys that contract.
 4 | 
 5 | Try running some of the following tasks:
 6 | 
 7 | ```shell
 8 | npx hardhat help
 9 | npx hardhat test
10 | GAS_REPORT=true npx hardhat test
11 | npx hardhat node
12 | npx hardhat run scripts/deploy.js
13 | ```
14 | 


--------------------------------------------------------------------------------
/contracts/Token.sol:
--------------------------------------------------------------------------------
 1 | //SPDX-License-Identifier: Unlicense
 2 | pragma solidity ^0.8.0;
 3 | 
 4 | import "hardhat/console.sol";
 5 | 
 6 | contract Token {
 7 |     string public name;
 8 |     string public symbol;
 9 |     uint256 public decimals = 18;
10 |     uint256 public totalSupply;
11 | 
12 |     mapping(address => uint256) public balanceOf;
13 |     mapping(address => mapping(address => uint256)) public allowance;
14 | 
15 |     event Transfer(
16 |         address indexed from,
17 |         address indexed to,
18 |         uint256 value
19 |     );
20 | 
21 |     event Approval(
22 |         address indexed owner,
23 |         address indexed spender,
24 |         uint256 value
25 |     );
26 | 
27 |     constructor(
28 |         string memory _name,
29 |         string memory _symbol,
30 |         uint256 _totalSupply
31 |     ) {
32 |         name = _name;
33 |         symbol = _symbol;
34 |         totalSupply = _totalSupply * (10**decimals);
35 |         balanceOf[msg.sender] = totalSupply;
36 |     }
37 | 
38 |     function transfer(address _to, uint256 _value)
39 |         public
40 |         returns (bool success)
41 |     {
42 |         require(balanceOf[msg.sender] >= _value);
43 | 
44 |         _transfer(msg.sender, _to, _value);
45 | 
46 |         return true;
47 |     }
48 | 
49 |     function _transfer(
50 |         address _from,
51 |         address _to,
52 |         uint256 _value
53 |     ) internal {
54 |         require(_to != address(0));
55 | 
56 |         balanceOf[_from] = balanceOf[_from] - _value;
57 |         balanceOf[_to] = balanceOf[_to] + _value;
58 | 
59 |         emit Transfer(_from, _to, _value);
60 |     }
61 | 
62 |     function approve(address _spender, uint256 _value)
63 |         public
64 |         returns(bool success)
65 |     {
66 |         require(_spender != address(0));
67 | 
68 |         allowance[msg.sender][_spender] = _value;
69 | 
70 |         emit Approval(msg.sender, _spender, _value);
71 |         return true;
72 |     }
73 | 
74 |     function transferFrom(
75 |         address _from,
76 |         address _to,
77 |         uint256 _value
78 |     )
79 |         public
80 |         returns (bool success)
81 |     {
82 |         require(_value <= balanceOf[_from]);
83 |         require(_value <= allowance[_from][msg.sender]);
84 | 
85 |         allowance[_from][msg.sender] = allowance[_from][msg.sender] - _value;
86 | 
87 |         _transfer(_from, _to, _value);
88 | 
89 |         return true;
90 |     }
91 | 
92 | }
93 | 


--------------------------------------------------------------------------------
/hardhat.config.js:
--------------------------------------------------------------------------------
1 | require("@nomicfoundation/hardhat-toolbox");
2 | 
3 | /** @type import('hardhat/config').HardhatUserConfig */
4 | module.exports = {
5 |   solidity: "0.8.9",
6 | };
7 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react_hardhat_template",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "dependencies": {
 6 |     "@testing-library/jest-dom": "^5.16.4",
 7 |     "@testing-library/react": "^13.3.0",
 8 |     "@testing-library/user-event": "^13.5.0",
 9 |     "bootstrap": "^5.2.0",
10 |     "react": "^18.2.0",
11 |     "react-bootstrap": "^2.4.0",
12 |     "react-dom": "^18.2.0",
13 |     "react-scripts": "5.0.1",
14 |     "web-vitals": "^2.1.4"
15 |   },
16 |   "scripts": {
17 |     "start": "react-scripts start",
18 |     "build": "react-scripts build",
19 |     "test": "react-scripts test",
20 |     "eject": "react-scripts eject"
21 |   },
22 |   "author": "gregory@dappuniversity.com",
23 |   "license": "ISC",
24 |   "eslintConfig": {
25 |     "extends": [
26 |       "react-app",
27 |       "react-app/jest"
28 |     ]
29 |   },
30 |   "browserslist": {
31 |     "production": [
32 |       ">0.2%",
33 |       "not dead",
34 |       "not op_mini all"
35 |     ],
36 |     "development": [
37 |       "last 1 chrome version",
38 |       "last 1 firefox version",
39 |       "last 1 safari version"
40 |     ]
41 |   },
42 |   "devDependencies": {
43 |     "@nomicfoundation/hardhat-toolbox": "^1.0.2",
44 |     "hardhat": "^2.10.1"
45 |   }
46 | }


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dappuniversity/react_hardhat_template/f64087bf16b98654ccd5ce73ccae30500dae9db7/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <meta
 9 |       name="description"
10 |       content="Web site created using create-react-app"
11 |     />
12 |     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13 |     <!--
14 |       manifest.json provides metadata used when your web app is installed on a
15 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16 |     -->
17 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18 |     <!--
19 |       Notice the use of %PUBLIC_URL% in the tags above.
20 |       It will be replaced with the URL of the `public` folder during the build.
21 |       Only files inside the `public` folder can be referenced from the HTML.
22 | 
23 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24 |       work correctly both with client-side routing and a non-root public URL.
25 |       Learn how to configure a non-root public URL by running `npm run build`.
26 |     -->
27 |     <title>React App</title>
28 |   </head>
29 |   <body>
30 |     <noscript>You need to enable JavaScript to run this app.</noscript>
31 |     <div id="root"></div>
32 |     <!--
33 |       This HTML file is a template.
34 |       If you open it directly in the browser, you will see an empty page.
35 | 
36 |       You can add webfonts, meta tags, or analytics to this file.
37 |       The build step will place the bundled scripts into the <body> tag.
38 | 
39 |       To begin the development, run `npm start` or `yarn start`.
40 |       To create a production bundle, use `npm run build` or `yarn build`.
41 |     -->
42 |   </body>
43 | </html>
44 | 


--------------------------------------------------------------------------------
/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dappuniversity/react_hardhat_template/f64087bf16b98654ccd5ce73ccae30500dae9db7/public/logo192.png


--------------------------------------------------------------------------------
/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dappuniversity/react_hardhat_template/f64087bf16b98654ccd5ce73ccae30500dae9db7/public/logo512.png


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     },
10 |     {
11 |       "src": "logo192.png",
12 |       "type": "image/png",
13 |       "sizes": "192x192"
14 |     },
15 |     {
16 |       "src": "logo512.png",
17 |       "type": "image/png",
18 |       "sizes": "512x512"
19 |     }
20 |   ],
21 |   "start_url": ".",
22 |   "display": "standalone",
23 |   "theme_color": "#000000",
24 |   "background_color": "#ffffff"
25 | }
26 | 


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/scripts/deploy.js:
--------------------------------------------------------------------------------
 1 | // We require the Hardhat Runtime Environment explicitly here. This is optional
 2 | // but useful for running the script in a standalone fashion through `node <script>`.
 3 | //
 4 | // You can also run a script with `npx hardhat run <script>`. If you do that, Hardhat
 5 | // will compile your contracts, add the Hardhat Runtime Environment's members to the
 6 | // global scope, and execute the script.
 7 | const hre = require("hardhat");
 8 | 
 9 | async function main() {
10 |   const NAME = 'Dapp University'
11 |   const SYMBOL = 'DAPP'
12 |   const MAX_SUPPLY = '1000000'
13 | 
14 |   // Deploy Token
15 |   const Token = await hre.ethers.getContractFactory('Token')
16 |   let token = await Token.deploy(NAME, SYMBOL, MAX_SUPPLY)
17 | 
18 |   await token.deployed()
19 |   console.log(`Token deployed to: ${token.address}\n`)
20 | }
21 | 
22 | // We recommend this pattern to be able to use async/await everywhere
23 | // and properly handle errors.
24 | main().catch((error) => {
25 |   console.error(error);
26 |   process.exitCode = 1;
27 | });
28 | 


--------------------------------------------------------------------------------
/src/abis/Token.json:
--------------------------------------------------------------------------------
  1 | [
  2 |   {
  3 |     "inputs": [
  4 |       {
  5 |         "internalType": "string",
  6 |         "name": "_name",
  7 |         "type": "string"
  8 |       },
  9 |       {
 10 |         "internalType": "string",
 11 |         "name": "_symbol",
 12 |         "type": "string"
 13 |       },
 14 |       {
 15 |         "internalType": "uint256",
 16 |         "name": "_totalSupply",
 17 |         "type": "uint256"
 18 |       }
 19 |     ],
 20 |     "stateMutability": "nonpayable",
 21 |     "type": "constructor"
 22 |   },
 23 |   {
 24 |     "anonymous": false,
 25 |     "inputs": [
 26 |       {
 27 |         "indexed": true,
 28 |         "internalType": "address",
 29 |         "name": "owner",
 30 |         "type": "address"
 31 |       },
 32 |       {
 33 |         "indexed": true,
 34 |         "internalType": "address",
 35 |         "name": "spender",
 36 |         "type": "address"
 37 |       },
 38 |       {
 39 |         "indexed": false,
 40 |         "internalType": "uint256",
 41 |         "name": "value",
 42 |         "type": "uint256"
 43 |       }
 44 |     ],
 45 |     "name": "Approval",
 46 |     "type": "event"
 47 |   },
 48 |   {
 49 |     "anonymous": false,
 50 |     "inputs": [
 51 |       {
 52 |         "indexed": true,
 53 |         "internalType": "address",
 54 |         "name": "from",
 55 |         "type": "address"
 56 |       },
 57 |       {
 58 |         "indexed": true,
 59 |         "internalType": "address",
 60 |         "name": "to",
 61 |         "type": "address"
 62 |       },
 63 |       {
 64 |         "indexed": false,
 65 |         "internalType": "uint256",
 66 |         "name": "value",
 67 |         "type": "uint256"
 68 |       }
 69 |     ],
 70 |     "name": "Transfer",
 71 |     "type": "event"
 72 |   },
 73 |   {
 74 |     "inputs": [
 75 |       {
 76 |         "internalType": "address",
 77 |         "name": "",
 78 |         "type": "address"
 79 |       },
 80 |       {
 81 |         "internalType": "address",
 82 |         "name": "",
 83 |         "type": "address"
 84 |       }
 85 |     ],
 86 |     "name": "allowance",
 87 |     "outputs": [
 88 |       {
 89 |         "internalType": "uint256",
 90 |         "name": "",
 91 |         "type": "uint256"
 92 |       }
 93 |     ],
 94 |     "stateMutability": "view",
 95 |     "type": "function"
 96 |   },
 97 |   {
 98 |     "inputs": [
 99 |       {
100 |         "internalType": "address",
101 |         "name": "_spender",
102 |         "type": "address"
103 |       },
104 |       {
105 |         "internalType": "uint256",
106 |         "name": "_value",
107 |         "type": "uint256"
108 |       }
109 |     ],
110 |     "name": "approve",
111 |     "outputs": [
112 |       {
113 |         "internalType": "bool",
114 |         "name": "success",
115 |         "type": "bool"
116 |       }
117 |     ],
118 |     "stateMutability": "nonpayable",
119 |     "type": "function"
120 |   },
121 |   {
122 |     "inputs": [
123 |       {
124 |         "internalType": "address",
125 |         "name": "",
126 |         "type": "address"
127 |       }
128 |     ],
129 |     "name": "balanceOf",
130 |     "outputs": [
131 |       {
132 |         "internalType": "uint256",
133 |         "name": "",
134 |         "type": "uint256"
135 |       }
136 |     ],
137 |     "stateMutability": "view",
138 |     "type": "function"
139 |   },
140 |   {
141 |     "inputs": [],
142 |     "name": "decimals",
143 |     "outputs": [
144 |       {
145 |         "internalType": "uint256",
146 |         "name": "",
147 |         "type": "uint256"
148 |       }
149 |     ],
150 |     "stateMutability": "view",
151 |     "type": "function"
152 |   },
153 |   {
154 |     "inputs": [],
155 |     "name": "name",
156 |     "outputs": [
157 |       {
158 |         "internalType": "string",
159 |         "name": "",
160 |         "type": "string"
161 |       }
162 |     ],
163 |     "stateMutability": "view",
164 |     "type": "function"
165 |   },
166 |   {
167 |     "inputs": [],
168 |     "name": "symbol",
169 |     "outputs": [
170 |       {
171 |         "internalType": "string",
172 |         "name": "",
173 |         "type": "string"
174 |       }
175 |     ],
176 |     "stateMutability": "view",
177 |     "type": "function"
178 |   },
179 |   {
180 |     "inputs": [],
181 |     "name": "totalSupply",
182 |     "outputs": [
183 |       {
184 |         "internalType": "uint256",
185 |         "name": "",
186 |         "type": "uint256"
187 |       }
188 |     ],
189 |     "stateMutability": "view",
190 |     "type": "function"
191 |   },
192 |   {
193 |     "inputs": [
194 |       {
195 |         "internalType": "address",
196 |         "name": "_to",
197 |         "type": "address"
198 |       },
199 |       {
200 |         "internalType": "uint256",
201 |         "name": "_value",
202 |         "type": "uint256"
203 |       }
204 |     ],
205 |     "name": "transfer",
206 |     "outputs": [
207 |       {
208 |         "internalType": "bool",
209 |         "name": "success",
210 |         "type": "bool"
211 |       }
212 |     ],
213 |     "stateMutability": "nonpayable",
214 |     "type": "function"
215 |   },
216 |   {
217 |     "inputs": [
218 |       {
219 |         "internalType": "address",
220 |         "name": "_from",
221 |         "type": "address"
222 |       },
223 |       {
224 |         "internalType": "address",
225 |         "name": "_to",
226 |         "type": "address"
227 |       },
228 |       {
229 |         "internalType": "uint256",
230 |         "name": "_value",
231 |         "type": "uint256"
232 |       }
233 |     ],
234 |     "name": "transferFrom",
235 |     "outputs": [
236 |       {
237 |         "internalType": "bool",
238 |         "name": "success",
239 |         "type": "bool"
240 |       }
241 |     ],
242 |     "stateMutability": "nonpayable",
243 |     "type": "function"
244 |   }
245 | ]
246 | 


--------------------------------------------------------------------------------
/src/components/App.js:
--------------------------------------------------------------------------------
 1 | import { useEffect, useState } from 'react'
 2 | import { Container } from 'react-bootstrap'
 3 | import { ethers } from 'ethers'
 4 | 
 5 | // Components
 6 | import Navigation from './Navigation';
 7 | import Loading from './Loading';
 8 | 
 9 | // ABIs: Import your contract ABIs here
10 | // import TOKEN_ABI from '../abis/Token.json'
11 | 
12 | // Config: Import your network config here
13 | // import config from '../config.json';
14 | 
15 | function App() {
16 |   const [account, setAccount] = useState(null)
17 |   const [balance, setBalance] = useState(0)
18 | 
19 |   const [isLoading, setIsLoading] = useState(true)
20 | 
21 |   const loadBlockchainData = async () => {
22 |     // Initiate provider
23 |     const provider = new ethers.providers.Web3Provider(window.ethereum)
24 | 
25 |     // Fetch accounts
26 |     const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' })
27 |     const account = ethers.utils.getAddress(accounts[0])
28 |     setAccount(account)
29 | 
30 |     // Fetch account balance
31 |     let balance = await provider.getBalance(account)
32 |     balance = ethers.utils.formatUnits(balance, 18)
33 |     setBalance(balance)
34 | 
35 |     setIsLoading(false)
36 |   }
37 | 
38 |   useEffect(() => {
39 |     if (isLoading) {
40 |       loadBlockchainData()
41 |     }
42 |   }, [isLoading]);
43 | 
44 |   return(
45 |     <Container>
46 |       <Navigation account={account} />
47 | 
48 |       <h1 className='my-4 text-center'>React Hardhat Template</h1>
49 | 
50 |       {isLoading ? (
51 |         <Loading />
52 |       ) : (
53 |         <>
54 |           <p className='text-center'><strong>Your ETH Balance:</strong> {balance} ETH</p>
55 |           <p className='text-center'>Edit App.js to add your code here.</p>
56 |         </>
57 |       )}
58 |     </Container>
59 |   )
60 | }
61 | 
62 | export default App;
63 | 


--------------------------------------------------------------------------------
/src/components/Loading.js:
--------------------------------------------------------------------------------
 1 | import Spinner from 'react-bootstrap/Spinner';
 2 | 
 3 | const Loading = () => {
 4 |     return (
 5 |         <div className='text-center my-5'>
 6 |             <Spinner animation="grow" />
 7 |             <p className='my-2'>Loading Data...</p>
 8 |         </div>
 9 |     );
10 | }
11 | 
12 | export default Loading
13 | 


--------------------------------------------------------------------------------
/src/components/Navigation.js:
--------------------------------------------------------------------------------
 1 | import Navbar from 'react-bootstrap/Navbar';
 2 | 
 3 | import logo from '../logo.png';
 4 | 
 5 | const Navigation = ({ account }) => {
 6 |   return (
 7 |     <Navbar className='my-3'>
 8 |       <img
 9 |         alt="logo"
10 |         src={logo}
11 |         width="40"
12 |         height="40"
13 |         className="d-inline-block align-top mx-3"
14 |       />
15 |       <Navbar.Brand href="#">Dapp University Template</Navbar.Brand>
16 |       <Navbar.Collapse className="justify-content-end">
17 |         <Navbar.Text>
18 |           {account}
19 |         </Navbar.Text>
20 |       </Navbar.Collapse>
21 |     </Navbar>
22 |   );
23 | }
24 | 
25 | export default Navigation;
26 | 


--------------------------------------------------------------------------------
/src/config.json:
--------------------------------------------------------------------------------
1 | {
2 |   "31337": {
3 |     "token": {
4 |       "address": "0x5FbDB2315678afecb367f032d93F642f64180aa3"
5 |     }
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0;
 3 |   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 4 |     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
 5 |     sans-serif;
 6 |   -webkit-font-smoothing: antialiased;
 7 |   -moz-osx-font-smoothing: grayscale;
 8 | }
 9 | 
10 | code {
11 |   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 |     monospace;
13 | }
14 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom/client';
 3 | import './index.css';
 4 | import 'bootstrap/dist/css/bootstrap.css'
 5 | import App from './components/App';
 6 | import reportWebVitals from './reportWebVitals';
 7 | 
 8 | const root = ReactDOM.createRoot(document.getElementById('root'));
 9 | root.render(
10 |   <React.StrictMode>
11 |     <App />
12 |   </React.StrictMode>
13 | );
14 | 
15 | // If you want to start measuring performance in your app, pass a function
16 | // to log results (for example: reportWebVitals(console.log))
17 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
18 | reportWebVitals();
19 | 


--------------------------------------------------------------------------------
/src/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dappuniversity/react_hardhat_template/f64087bf16b98654ccd5ce73ccae30500dae9db7/src/logo.png


--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>


--------------------------------------------------------------------------------
/src/reportWebVitals.js:
--------------------------------------------------------------------------------
 1 | const reportWebVitals = onPerfEntry => {
 2 |   if (onPerfEntry && onPerfEntry instanceof Function) {
 3 |     import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
 4 |       getCLS(onPerfEntry);
 5 |       getFID(onPerfEntry);
 6 |       getFCP(onPerfEntry);
 7 |       getLCP(onPerfEntry);
 8 |       getTTFB(onPerfEntry);
 9 |     });
10 |   }
11 | };
12 | 
13 | export default reportWebVitals;
14 | 


--------------------------------------------------------------------------------
/test/Token.js:
--------------------------------------------------------------------------------
  1 | const { expect } = require('chai');
  2 | const { ethers } = require('hardhat');
  3 | 
  4 | const tokens = (n) => {
  5 |   return ethers.utils.parseUnits(n.toString(), 'ether')
  6 | }
  7 | 
  8 | const ether = tokens
  9 | 
 10 | describe('Token', () => {
 11 |   let token, accounts, deployer, receiver, exchange
 12 | 
 13 |   beforeEach(async () => {
 14 |     const Token = await ethers.getContractFactory('Token')
 15 |     token = await Token.deploy('Dapp University', 'DAPP', '1000000')
 16 | 
 17 |     accounts = await ethers.getSigners()
 18 |     deployer = accounts[0]
 19 |     receiver = accounts[1]
 20 |     exchange = accounts[2]
 21 |   })
 22 | 
 23 |   describe('Deployment', () => {
 24 |     const name = 'Dapp University'
 25 |     const symbol = 'DAPP'
 26 |     const decimals = '18'
 27 |     const totalSupply = tokens('1000000')
 28 | 
 29 |     it('has correct name', async () => {
 30 |       expect(await token.name()).to.equal(name)
 31 |     })
 32 | 
 33 |     it('has correct symbol', async () => {
 34 |       expect(await token.symbol()).to.equal(symbol)
 35 |     })
 36 | 
 37 |     it('has correct decimals', async () => {
 38 |       expect(await token.decimals()).to.equal(decimals)
 39 |     })
 40 | 
 41 |     it('has correct total supply', async () => {
 42 |       expect(await token.totalSupply()).to.equal(totalSupply)
 43 |     })
 44 | 
 45 |     it('assigns total supply to deployer', async () => {
 46 |       expect(await token.balanceOf(deployer.address)).to.equal(totalSupply)
 47 |     })
 48 | 
 49 |   })
 50 | 
 51 | 
 52 |   describe('Sending Tokens', () => {
 53 |     let amount, transaction, result
 54 | 
 55 |     describe('Success', () => {
 56 | 
 57 |       beforeEach(async () => {
 58 |         amount = tokens(100)
 59 |         transaction = await token.connect(deployer).transfer(receiver.address, amount)
 60 |         result = await transaction.wait()
 61 |       })
 62 | 
 63 |       it('transfers token balances', async () => {
 64 |         expect(await token.balanceOf(deployer.address)).to.equal(tokens(999900))
 65 |         expect(await token.balanceOf(receiver.address)).to.equal(amount)
 66 |       })
 67 | 
 68 |       it('emits a Transfer event', async () => {
 69 |         await expect(transaction).to.emit(token, 'Transfer').
 70 |           withArgs(deployer.address, receiver.address, amount)
 71 |       })
 72 | 
 73 |     })
 74 | 
 75 |     describe('Failure', () => {
 76 |       it('rejects insufficient balances', async () => {
 77 |         const invalidAmount = tokens(100000000)
 78 |         await expect(token.connect(deployer).transfer(receiver.address, invalidAmount)).to.be.reverted
 79 |       })
 80 | 
 81 |       it('rejects invalid recipent', async () => {
 82 |         const amount = tokens(100)
 83 |         await expect(token.connect(deployer).transfer('0x0000000000000000000000000000000000000000', amount)).to.be.reverted
 84 |       })
 85 | 
 86 |     })
 87 | 
 88 |   })
 89 | 
 90 |   describe('Approving Tokens', () => {
 91 |     let amount, transaction, result
 92 | 
 93 |     beforeEach(async () => {
 94 |       amount = tokens(100)
 95 |       transaction = await token.connect(deployer).approve(exchange.address, amount)
 96 |       result = await transaction.wait()
 97 |     })
 98 | 
 99 |     describe('Success', () => {
100 |       it('allocates an allowance for delegated token spending', async () => {
101 |         expect(await token.allowance(deployer.address, exchange.address)).to.equal(amount)
102 |       })
103 | 
104 |       it('emits an Approval event', async () => {
105 |         const event = result.events[0]
106 |         expect(event.event).to.equal('Approval')
107 | 
108 |         const args = event.args
109 |         expect(args.owner).to.equal(deployer.address)
110 |         expect(args.spender).to.equal(exchange.address)
111 |         expect(args.value).to.equal(amount)
112 |       })
113 | 
114 |     })
115 | 
116 |     describe('Failure', () => {
117 |       it('rejects invalid spenders', async () => {
118 |         await expect(token.connect(deployer).approve('0x0000000000000000000000000000000000000000', amount)).to.be.reverted
119 |       })
120 |     })
121 | 
122 |   })
123 | 
124 |   describe('Delegated Token Transfers', () => {
125 |     let amount, transaction, result
126 | 
127 |     beforeEach(async () => {
128 |       amount = tokens(100)
129 |       transaction = await token.connect(deployer).approve(exchange.address, amount)
130 |       result = await transaction.wait()
131 |     })
132 | 
133 |     describe('Success', () => {
134 |       beforeEach(async () => {
135 |         transaction = await token.connect(exchange).transferFrom(deployer.address, receiver.address, amount)
136 |         result = await transaction.wait()
137 |       })
138 | 
139 |       it('transfers token balances', async () => {
140 |         expect(await token.balanceOf(deployer.address)).to.be.equal(ethers.utils.parseUnits('999900', 'ether'))
141 |         expect(await token.balanceOf(receiver.address)).to.be.equal(amount)
142 |       })
143 | 
144 |       it('rests the allowance', async () => {
145 |         expect(await token.allowance(deployer.address, exchange.address)).to.be.equal(0)
146 |       })
147 | 
148 |       it('emits a Transfer event', async () => {
149 |         const event = result.events[0]
150 |         expect(event.event).to.equal('Transfer')
151 | 
152 |         const args = event.args
153 |         expect(args.from).to.equal(deployer.address)
154 |         expect(args.to).to.equal(receiver.address)
155 |         expect(args.value).to.equal(amount)
156 |       })
157 | 
158 |     })
159 | 
160 |     describe('Failure', async () => {
161 |       // Attempt to transfer too many tokens
162 |       const invalidAmount = tokens(100000000) // 100 Million, greater than total supply
163 |       await expect(token.connect(exchange).transferFrom(deployer.address, receiver.address, invalidAmount)).to.be.reverted
164 |     })
165 | 
166 |   })
167 | 
168 | })
169 | 


--------------------------------------------------------------------------------