The Simple Series aims to maintain repos of the simplest way to build various frontends that interact with smart contracts. You can find more from this series at the end of this page.
Here is the simplest frontend (dapp) that interacts with a smart contract on the Ethereum blockchain. You can find the contract here - Etherscan. This dapp is built with Next.js and uses the Alchemy API to interact with the Ethereum blockchain. You can find more info about the contract in its repo. The contract and this dapp are made to work with the Ethereum Goerli Testnet currently.
You can checkout the live hosted demon at - https://simple-ethereum-dapp.vercel.app/.
You can also run the code on your own.
- Clone the repo onto your computer.
- Add alchemy api key of your to an
.envfile just as shown in.evn.example yarn&&yarn dev- Open http://localhost:3000 with your browser to see the result.
All kinds of contributions from upgrading the code, libraries, readme, add new features, etc. are welcome.