Download&Setting

  1. The MINT-UI is based on React.js and web3.js

  2. It makes you can make your own NFT mint website, with just your contract address and some informations

  3. Go to link below

  • Ethereum

LogoGitHub - Planet-Us/Crafter721-ui-ethereum: NFT Mint UI based on ethereum by Crafter721, klay-gacha-machineGitHub

  • Klaytn

LogoGitHub - Planet-Us/Crafter721-ui-klaytn: NFT minting UI based on Klaytn chain by Crafter721, klay-gacha-machineGitHub

4. Download the Code or use git clone

git clone https://github.com/Planet-Us/Crafter721-ui-ethereum.git
git clone https://github.com/Planet-Us/Crafter721-ui-klaytn.git

5. Open your code editor(recommend VSCode), and open terminal, and type "npm install"

npm install

6. Open ".env" file in project

  • NFT_PRICE - The price you set

  • NUMBER OF NFT - Max Supply of your collection

  • CONTRACT ADDRESS - Your smart contract's address

  • TREASURY ACCOUNT - Your wallet address

  • PRIVATE KEY - Private key of your wallet address

  • INFURA KEY - Your Infura API Key

  • NETWORK - The network your contract is on

  • WHITELIST - If you use the whitelist function, set true

  • START BLOCK - The mint starting block(you might see on etherscan site)

7. You can set the number that buyer can mint at one transaction. Open "Mint.jsx" file in "Component" folder in project, and set highlighted number above.

8. After setting, you type below on terminal.

npm run start

9. You might need some background image, or some design for your website.

10. After check your MINT-UI, you need to do hosting your website for public sale.

11. For above 2 action, you need to hire FE developer or study some...

(Don't worry, I'll post how to insert background image and how to do hosting website, on my medium)

PreviousMINT-UINextContact Us

Last updated