[See Description] How to make NFT Art with On-Chain Metadata | FULL HARDHAT / JS TUTORIAL!

🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨
NOTE! Rinkeby is outdated; please use Goerli!
🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨

We explore the world of using SVGs to generate random NFT ImageURIs and Metadata 100% on-chain. In combination with Chainlink VRF to create randomness and true scarcity. We use Hardhat, Javascript, and Solidity. These customized smart contracts were deployed to the Polygon chain, so you can see exactly how we did this!

💻💻💻💻💻💻
Code: https://github.com/PatrickAlphaC/all-...
💻💻💻💻💻💻

⛵️Opensea Example on Polygon: https://opensea.io/assets/matic/0x291...

0:00 | Intro
3:08 | Quickstart & Install Requirements
9:52 | View Static SVG Deployed NFT on Opensea
12:15 | View RandomSVG on Opensea
13:18 | Static SVG NFT Setup
16:25 | SVGNFT.sol & OpenZeppelin
21:19 | Creating an NFT and SVG Intro
28:10 | svgToImageURI (Base64 Encoding)
35:35 | formatTokenURI
44:10 | 01_deploy_svgnft.js
1:03:13 | Deploying to Rinkeby Testnet
1:14:50 | Viewing on Opensea

⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️
1:16:00 | How can we make this WAY better?
🎲🎲🎲🎲🎲🎲🎲🎲🎲🎲🎲

1:18:32 | RandomSVG.sol
1:20:05 | Gameplan for Random SVGs
1:22:25 | Create Function & Chainlink VRF
1:38:40 | FulfillRandomness
1:43:00 | finishMint
1:49:29 | generateSvg
2:04:30 | generatePath
2:08:45 | generatePathCommand
2:12:35 | Grabbing the final functions
2:14:30 | 02_deploy_randomSVG.js
2:18:00 | Mocking Contracts
2:28:00 | Finishing the script
2:51:21 | Deploying to Rinkeby (& Opensea)

⬆️⬆️⬆️Level up AGAIN??⬆️⬆️⬆️
We also talk about minting 10,000!

2:55:15 | Deploy to Polygon Mainnet & Set Price
3:09:00 | End

❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️

Inspiration:
👨‍🎤Onii-Chain: https://www.oniichain.com/
🐶nft-mix: https://github.com/PatrickAlphaC/nft-mix
🤺D&D Truffle: https://github.com/PatrickAlphaC/dung...

Helpful Links:
💰Metamask Setup:    • [See Description] Install, Configure,...  
🎨SVG Tutorial: https://www.w3schools.com/graphics/sv...
🔵Link Token Contracts (and faucets): https://docs.chain.link/docs/link-tok...
🧪Alchemy: https://www.alchemy.com/
🎲Chainlink VRF: https://docs.chain.link/docs/chainlin...
🪄uint2string: https://stackoverflow.com/a/65707309/...
🌎 Environment Variables: https://www.twilio.com/blog/2017/01/h...

Requirements:
🤢NodeJS: https://nodejs.org/en/
🧶Yarn: https://yarnpkg.com/
👷‍♂️Hardhat: https://hardhat.org/getting-started/
⌨️Git: https://git-scm.com/downloads
🦊Metamask: https://metamask.io/

✅✅ Donate ✅✅
I use donated funds to spend money on making fun & informational videos.
ETH Wallet address: 0x9680201d9c93d65a3603d2088d125e955c73BD65

😸😸Join the community!😸😸
Chainlink developers discord:   / discord  
Twitter:   / patrickalphac  
Medium:   / patrick.collins_58673  
Twitch Stream Uploads:    / @patrickalphac-alt  
Twitch:   / patrickalphac  

All thoughts and opinions are my own.