🏗 SVG NFT with Chainlink VRF

Rinkeby Demo

Built with 🏗 Scaffold-ETH - Typescript

🏄‍♂️ Quick Start

Prerequisites: Node (v16 LTS) plus Yarn and Git

clone/fork :

git clone https://github.com/dec3ntraliz3d/svg-nft-vrf.git

Typescript

This is the typescript repo of scaffold.eth. The directories that you'll use are:

packages/vite-app-ts/
packages/hardhat-ts/

Quick Start

Running the app

install your dependencies
```
yarn install
```
start a hardhat node
```
yarn chain
```
Change network, infura key , burner wallet config in /packages/vite-app-ts/.env file.

VITE_APP_TARGET_NETWORK=rinkeby
HARDHAT_TARGET_NETWORK=rinkeby

run the app, open a new command prompt

# build hardhat & external contracts types
yarn contracts:build 
# deploy your hardhat contracts
yarn deploy
# start vite 
yarn start

Chainlink VRF consideration

Since local hardhat network don't have a chainlink node to provide random number we need to deploy VRFCorodinatorMock and Mock Chainlink token which is available on Chainlink github repo. Check /packages/hardhat-ts/deploy scripts for more details on how to deploy mocks.

Guides

Check out eth-hooks docs for example of how to use hooks
you can look at speedrun ethereum to get started with scaffold-eth-typescript and web3.
- 🏁 Make sure to click on the typescript tab!

More Information!

📚 Documentation

Documentation, tutorials, challenges, and many more resources, visit: docs.scaffoldeth.io

Eth-hooks documentation is here. Learn how to use the contexts here.

🏃💨 Speedrun Ethereum

🛠 Buidl

Check out all the active branches, open issues, and join/fund the 🏰 BuidlGuidl!

Follow the full Ethereum Speed Run

💌 P.S.

You need an RPC key for testnets and production deployments, create an Alchemy account and replace the value of ALCHEMY_KEY = xxx in packages/react-app/src/constants.js with your new key.

💬 Support Chat

Join the telegram support chat 💬 to ask questions and find others building with 🏗 scaffold-eth!

🙏🏽 Support us!

Please check out our Gitcoin grant too!