Jessy The - How to build a web3-app: from frontend to smart contract - JSWORLD 2023
summary
Shows how to build a full frontend-to-smart-contract Dapp that actually mints NFTs using Remix, MetaMask, ethers.js, Goerli testnet. Code uses React for the UI, Solidity ERC‑721 contract deployed from Remix, token metadata on IPFS, and the front end calls contract functions and opens transactions in Etherscan. The demo mints on Goerli (0.01 test ETH per mint), produces token IDs 0–2 of a max 13 collection, and the end‑to‑end flow works and is verifiable on OpenSea/Etherscan.
AI-written summary · about
chapters (10)
- 0:00Workshop introduction
- 11:13Web3 app fundamentals
- 23:04Technology stack explained
- 34:58Smart contract creation
- 45:55NFT contract writing
- 1:05:09Adding payment limits
- 1:13:28Deploying to testnet
- 1:15:44Frontend to contract
- 1:37:30Minting interface
- 1:44:24Final testing
related talks
29mReact with Web3 and Smart contracts
21mFrontend Access Control Using Digital Assets
32mConnecting JavaScript to the Blockchain
25mBlockchain magic from the browser with web3
30mTalking with Ethereum smart contracts from the browser
42mBuilding Full-Stack dApps
06mReacting to Web3
20mA Frontend Developers Guide to Web3