Links to code:
React UI Starter Repo
Solidity Base64 Utilities
Final Smart Contract
NFTs, non-fungible tokens, have taken the online world by storm ushering in the proclamation of a new world-wide web... web3.
For most, NFTs mean profile pictures (pfps).
This isn't the most practical use case, even if it is a lot of fun
Even if you wanted to create useful NFTs, it’s not easy to get started.
Since the tooling is still being developed, it can be confusing as to where to get started. It also doesn't help that there's a paradigm shift with app development from web2 to web3.
Here be dragons
This course is here to get you through that initial learning curve and frustrating lack of answered questions and good documentation.
You will be building a ticketing and proof-of-attendance service complete with wallet QR code scanning. Very useful indeed!
This course is here to get you through that initial learning curve and frustrating lack of answered questions and good documentation.
You will be building a ticketing and proof-of-attendance service complete with wallet QR code scanning. Very useful indeed!
Through building this project you will learn the general development lifecycle of NFT smart contracts and dApps giving you the skills to start your own projects.
By the end of this course, you will be able to do the following
Use the OpenZeppelin Solidity library to create NFT smart-contracts
Deploy smart contracts to Ethereum testnets
Host static assets on IFPS
Create a React dApp that interacts with your smart-contract API
Confirm a wallet owns an NFT
Overview
Syllabus
- Create a New NFT Project with scaffold-eth
- Deploy a Smart Contract to Localhost with scaffold-eth
- Create an ERC-721 Token with OpenZeppelin
- Add a Mint Function to Your NFT Smart Contract
- Add an Image to an NFT with Token Metadata
- Set a Mint Price on Your NFT Smart Contract
- Restrict Smart Contract Functions to a Specified Owner
- Deploy a Smart Contract to the Rinkeby Testnet
- Set Up a React dApp From a Starter
- Support MetaMask Connections to a React dApp
- Disconnect MetaMask from a React dApp
- Cache a MetaMask Wallet Address in localStorage
- Connect a React dApp to a Smart Contract Using ethers.js
- Fetch the Owner's Wallet Address From a Smart Contract
- Open and Close an NFT Sale From a React dApp
- Fetch Mint Info From a Smart Contract
- Mint an NFT from a React dApp
- Scan an Ethereum Wallet's QR Code
- Confirm a Wallet Owns an NFT in a Smart Contract
- Upload Static Assets to IPFS with Pinata
- Update an NFT’s Image and Other Metadata
- Display a User's NFTs Using the OpenSea API
Taught by
Ryan Harris
