Source link
In this video we will design a graphical web interface for our already developed smart contract with Vue.js. This web interface should enable us to interact with our local blockchain using the MetaMask browser extension.
Website: https://www.crypto-engineering.com
Inhalt
00:00 Introduction & Structure of This Video
00:24 Overview of Our Goal
01:09 Installing and Configuring MetaMask
02:58 Creating a Project with Vite and Vue.js Using Yarn
04:12 Cleaning Up the Example Project
05:43 Creating a GUI with HTML and CSS
08:37 Installing the ethers.js Library
08:51 Connecting the Frontend to Our Smart Contract
10:58 Visualizing Loading with Vue.js
12:02 Emitting Errors When Connecting to the Smart Contract Fails
12:53 Handling the Emitted Error
15:18 Storing New Messages on Our Smart Contract
19:26 Displaying the Messages from Our Smart Contract
22:09 Reacting to the NewMessage-Event from Our Smart Contract
23:02 The End of the Video Series
This video was created with the software “Movavi Video Suite” (https://www.movavi.de).
date : 2024-06-02 18:58:14
views : 72
likes : 1
rating :
found searching for web3.js course
