Connect Smart Contract to HTML

In this video, we will connect smart contract to html by using Hardhat Ignition and Express server.

Firstly, we will first install necessary packages such as ethers, dotenv, hardhat ignition.

Secondly, we will create a simple contract, ignition deployment file, dotenv file and hardhat.config file. Then we will deploy it to Fantom Testnet.

Lastly we will create the frontend. First we will create the express server file and then html file. Html file will contain a very basic css and only necessary tags and javascript which help us to connect smart contract to html page. On the html page we will display 3 information: Metamask Account, Smart Contract Address and a string data from Smart contract.

These 3 data will mean, our html page successfully 1) connected to smart contract 2) it successfully connected to smart contract and 3) It can read data from smart contract.

Github:
https://github.com/abdulhakim-altunka...

Do not forget to like and subscribe

For questions:
[email protected]

Tags:
Blockchain Development, Contract Deployment, Hardhat Ignition, Fantom Testnet, Smart Contracts, Ethereum Development, Web3 Development, Decentralized Applications (DApps), Environment Variables Management, Solidity Programming,Ethers, CSS, HTML, Frontend, Blockchain Tutorial, Metamask, solidity html connection, connectin to smart contract, connecting smart contract to frontend