1.1 contents-user-interface.zip
1.2 contents-user-interface.pdf
1. Chapter Overview
2. User Interface Overview
3.1 The website of Angular.html
3.2 The website of React.html
3.3 web-frameworks.zip
3.4 web-frameworks.pdf
3. UI History of Web Frameworks
4.1 Angular setup documentation.html
4. UI Set Up Angular
5.1 source files in GitHub.html
5. UI Set Up Angular Summary.html
6.1 Material Design components for Angular.html
6.2 Website of Material Design 1.html
6.3 Website of Material Design 2.html
6.4 Website of Material Design 3.html
6.5 Wikipedia page of Material Design.html
6. UI Set Up Material Design
7.1 source files in GitHub.html
7. UI Set Up Material Design Summary.html
8. UI Connection Bar
9.1 source files in GitHub.html
9.2 The MetaMask logo.html
9.3 The WallectConnect logo.html
9. UI Connection Bar Summary.html
10. Web3 Integration of ethers.js in Angular
11.1 source files in GitHub.html
11. Web3 Integration of ethers.js in Angular Summary.html
12.1 Documentation of the ethers.js BrowserProvider class, which wraps the EIP-1193 provider from MetaMask or WalletConnect.html
12.2 Standard to which an EIP-1193 provider needs to adhere to..html
12. Web3 Approach to Integrate MetaMask and WalletConnect With ethers.js
13. Web3 Connect to MetaMask With the Connection Bar Button
14.1 source files in GitHub.html
14. Web3 Connect to MetaMask With the Connection Bar Button Summary.html
15.1 EIP-1193, a standard for Ethereum wallet providers.html
15. Web3 Listen to Changes in the Selected Wallet Account and Network
16.1 source files in GitHub.html
16. Web3 Listen to Changes in the Selected Wallet Account and Network Summary.html
17.1 EIP-1193, a standard for Ethereum wallet providers.html
17. UI Propagate Changes in the Selected Wallet Account and Network to the UI
18.1 source files in GitHub.html
18. UI Propagate Changes in the Selected Wallet Account and Network Summary.html
19.1 The WallectConnect website.html
19. Web3 Connect Through WalletConnect With the Connection Bar Button
20.1 source files in GitHub.html
20. Web3 Connect Through WalletConnect With the Connection Bar Button Summary.html
21. Web3 Automatically Connect or Disconnect WalletConnect
22.1 source files in GitHub.html
22. Web3 Automatically Connect or Disconnect WalletConnect Summary.html
23.1 Documentation of the WalletConnect EIP-1193 provider.html
23.2 EIP-1193, a standard for Ethereum wallet providers.html
23.3 ethers.js documentation about BrowserProvider, which wraps EIP-1193 providers.html
23. Web3 Change Network and Account With WalletConnect
24.1 source files in GitHub.html
24. Web3 Change Network and Account With WalletConnect Summary.html
25.1 ethers.js documentation about Providers that provide a connection to the Ethereum blockchain.html
25. Web3 Default Provider for Read Access to the Ethereum Blockchain
26.1 source files in GitHub.html
26. Web3 Default Provider for Read Access to the Ethereum Blockchain Summary.html
27.1 ethers.js Contract documentation.html
27. Web3 Interaction With the SeedTokenFactory Smart Contract
28.1 source files in GitHub.html
28. Web3 Interaction With the SeedTokenFactory Smart Contract Summary.html
29.1 ethers.js documentation about Providers that provide a connection to the Ethereum blockchain.html
29. Web3 Fixing the Default Provider for Smart Contract Interaction
30.1 source files in GitHub.html
30. Web3 Fixing the Default Provider for Smart Contract Interaction Summary.html
31.1 Angular Material components.html
31. UI Adding a Button to Create a New Cryptocurrency Token
32.1 source files in GitHub.html
32. UI Adding a Button to Create a New Cryptocurrency Token Summary.html
33.1 Angular Material components.html
33. UI New Token Dialog Window
34.1 source files in GitHub.html
34. UI New Token Dialog Window Summary.html
35. UI Fix Code Cleanup
36.1 Documentation of a dialog in Angular Material.html
36.2 Documentation of a progress spinner in Angular Material.html
36.3 MDN Web Docs about a Promise in JavaScript.html
36. UI Progress Spinner
37.1 source files in GitHub.html
37. UI Progress Spinner Summary.html
38.1 ethers.js documentation about Contract classes that interact with deployed smart contracts on the blockchain.html
38.2 The ENS website, where you register and configure Ethereum Names.html
38.3 The Remix IDE.html
38. Web3 Create Cryptocurrencies on the Blockchain
39.1 source files in GitHub.html
39. Web3 Create Cryptocurrencies on the Blockchain Summary.html
40. UI Fix Progress Spinner Fix
41.1 Documentation of a button in Angular Material.html
41.2 Documentation of a table in Angular Material.html
41. UI Cryptocurrency List Table
42.1 source files in GitHub.html
42. UI Cryptocurrency List Table Summary.html
43.1 Documentation of a paginator in Angular Material.html
43.2 Documentation of a sort header in Angular Material.html
43. UI Cryptocurrency List Table Paginator, Sort and Filter
44.1 source files in GitHub.html
44. UI Cryptocurrency List Table Paginator, Sort and Filter Summary.html
45.1 Documentation of a MatTableDataSource in Angular Material.html
45. UI Fetch Cryptocurrency List, Preparation
46.1 source files in GitHub.html
46. UI Fetch Cryptocurrency List, Preparation Summary.html
47.1 ethers.js documentation about Contract classes that interact with deployed smart contracts on the blockchain.html
47. Web3 Fetch Cryptocurrency List, Retrieve Cryptocurrency Contracts
48.1 source files in GitHub.html
48. Web3 Fetch Cryptocurrency List, Retrieve Cryptocurrency Contracts Summary.html
49. Web3 Fetch Cryptocurrency List, Retrieve Cryptocurrency Data
50.1 source files in GitHub.html
50. Web3 Fetch Cryptocurrency List, Retrieve Cryptocurrency Data Summary.html
51.1 Documentation of a table filter in Angular Material.html
51. UI Cryptocurrency Filter
52.1 source files in GitHub.html
52. UI Cryptocurrency Filter Summary.html
53.1 Documentation of a progress bar in Angular Material.html
53. UI Cryptocurrency Progress Bar
54.1 source files in GitHub.html
54. UI Cryptocurrency Progress Bar Summary.html
55.1 Documentation of a divider in Angular Material.html
55. UI Mint Dialog Window
56.1 source files in GitHub.html
56. UI Mint Dialog Window Summary.html
57. Web3 Mint Cryptocurrency Tokens
58.1 source files in GitHub.html
58. Web3 Mint Cryptocurrency Tokens Summary.html
59. UI Refresh UI After Minting Cryptocurrency Tokens
60.1 source files in GitHub.html
60. UI Refresh UI After Minting Cryptocurrency Tokens Summary.html
61.1 Documentation of a button in Angular Material.html
61.2 Documentation of the clipboard package in Angular Material.html
61.3 Icons of Angular Material.html
61. UI Copy Cryptocurrency Address
62.1 source files in GitHub.html
62. UI Copy Cryptocurrency Address Summary.html
63. UI Change Owner Dialog Window
64.1 source files in GitHub.html
64. UI Change Owner Dialog Window Summary.html
65. Web3 Change the Owner of a Cryptocurrency
66.1 source files in GitHub.html
66. Web3 Change the Owner of a Cryptocurrency Summary.html
67. UI Refresh UI After Changing the Owner of a Cryptocurrency
68.1 source files in GitHub.html
68. UI Refresh UI After Changing the Owner of a Cryptocurrency Summary.html
69.1 ethers.js documentation about Contracts.html
69.2 ethers.js documentation about EventEmitterable.html
69.3 ethers.js documentation about Providers.html
69. Web3 Listen to the Latest Block Number of the Blockchain
70.1 source files in GitHub.html
70. Web3 Listen to the Latest Block Number of the Blockchain Summary.html
71.1 Documentation about the blur HTML event.html
71.2 Documentation about typography in Angular Material.html
71.3 ethers.js documentation about Contracts.html
71. UI Create Card and Input Fields for an Event Filter
72.1 source files in GitHub.html
72. UI Create Card and Input Fields for an Event Filter Summary.html
73.1 ethers.js documentation about Contracts.html
73.2 Keccak hash calculator.html
73. Web3 Filter Events on Block Numbers
74.1 source files in GitHub.html
74. Web3 Filter Events on Block Numbers Summary.html
75.1 ethers.js documentation about Addresses.html
75.2 ethers.js documentation about Contracts.html
75. Web3 Filter Events on Indexed Parameters
76.1 source files in GitHub.html
76. Web3 Filter Events on Indexed Parameters Summary.html
77. Web3 Retrieve Values of Event Parameters
78.1 source files in GitHub.html
78. Web3 Retrieve Values of Event Parameters Summary.html
79. UI Event Table
80.1 source files in GitHub.html
80. UI Event Table Summary.html
81. UI Fix Clean Up Event Code
82.1 source files in GitHub.html
82. UI Fix Clean Up Event Code Summary.html
83. UI Fix Fetch Token Lists in the Right Order When Switching Networks
84.1 source files in GitHub.html
84. UI Fix Fetch Token Lists in the Right Order When Switching Networks Summary.html
85. UI Fix Refresh Token List After Creating a New Token
86.1 source files in GitHub.html
86. UI Fix Refresh Token List After Creating a New Token Summary.html
87. UI Fix Handle Error on Switching Networks When Loading Token List
88.1 source files in GitHub.html
88. UI Fix Handle Error on Switching Networks When Loading Token List Summary.html
89. UI Fix Update Progress Bar When Tokens Are Loaded
90.1 source files in GitHub.html
90. UI Fix Update Progress Bar When Tokens Are Loaded Summary.html
91. UI Fix Search for Events When a New SeedTokenFactory Is Set
92.1 source files in GitHub.html
92. UI Fix Search for Events When a New SeedTokenFactory Is Set Summary.html
93. UI Fix Rename Copy Pasted Function (onCreateNewToken)
94. Create a User Interface To Create and List Cryptocurrencies.html