dec3ntraliz3d / svg-nft-vrf

This is an example of SVG NFT built with scaffold eth typescript. Chainlink VRF was used for random number generation.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ— SVG NFT with Chainlink VRF

Built with πŸ— Scaffold-ETH - Typescript

screenshot

πŸ„β€β™‚οΈ 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

  1. install your dependencies

    yarn install
  2. start a hardhat node

    yarn chain
  3. Change network, infura key , burner wallet config in /packages/vite-app-ts/.env file.

    VITE_APP_TARGET_NETWORK=rinkeby
    HARDHAT_TARGET_NETWORK=rinkeby

  4. 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

Register as a builder here and start on some of the challenges and build a portfolio.

πŸ›  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!

About

This is an example of SVG NFT built with scaffold eth typescript. Chainlink VRF was used for random number generation.

License:MIT License


Languages

Language:TypeScript 79.4%Language:JavaScript 8.1%Language:Shell 4.9%Language:Solidity 4.5%Language:Dockerfile 1.3%Language:HTML 0.9%Language:CSS 0.6%Language:Less 0.3%