How to easily create a Web3 Mint Website from scratch | React, Hardhat, Ethers

[@ElonRust42069]

Simple, short and sweet. Easily understandable.

[@itsliaa4223]

omg please post more I've been trying to look for a tutorial like this.

[@enchance]

I like your content very much. I usually watch videos at 1.75 speed to save time (programming vids) and I must say you sound real smooth at 1.75.

[@0x0abb]

very nice - short but loaded with useful content!

[@jeanmanuel6577]

This is very helpful. thank you!

[@0xkoko449]

Awesome tutorial!! Now I have plans for tomorrow! 🖖🏼👩🏼‍🎤

[@jc3po798]

After enabling the hard hat at 2:57 I try to install the dependencies but the option of yes or no doesn’t come up for me. What should I do

[@ehinderoisrael1697]

Just finished coding along, thanks for the content

[@djblast101]

This was the best tutorial that makes it simple af. Thank you

[@devkyu7674]

Thanks! Love your tutorials!

[@justinfleagle]

This is very good. Well paced as well.

[@benjaminbouskila8500]

hi when i run npx create-react-app web3 it says success but it doesnt create any file can someone help ?

[@Tonbeans]

how do you claim the ETH, as the owner of the contract, from the transactions that people have made?

[@youngvenom4463]

just wanted to ask what is that symbol at 20:09

[@Paco1337]

&& ?

[@laptopbread]

anyone knows ?

[@paddev5901]

Thanks, this was really helpful!

[@vakulsaxena2105]

Estimate gas error ? Any solution

[@aminabcf5749]

at the end i got Compiled with problems: module ethers not found error how can i solve that even though i have installes the ethers module

[@darrellrussell7259]

love it, very helpful!

[@pitbul67204]

Great tutorial 👍

[@itzbigmoney]

Will this work for Cronos Blockchain? Cronos is apparently "EVM-compatible"...

[@catreunion]

Thank you so much! I learnt a lot from this tutorial.

[@Androgamer-yx7tu]

Can you tell me where the "setMintFunction" is defined which we are using in onClick?

[@RdozeTV]

How to pass costs??? T_T I got insufficient funds when trying to mint using none owners account

[@ondo4509]

Excuse me Sir, i wanted to know wether i have to deploy a new smart contract only for the website or could i take the deployed smart contract for my NFT collection?

[@kramavich2840]

yes i have the same question

[@ricky3441]

Just wondering, why youtube ban smart contract making tutorials hahah, anyway amazing tutorial waiting for the next tutorial 🔥🔥

[@ride.withzero]

Maybe a dumb question. How can i create a real website instead of localhost? If i got my website project and create a pege with mint button, how to link the minting button to my website? Thanks.

[@chenchou]

Would you please provide your source code, thanks?

[@GenchoOganisyan]

You showed how to create a test button on localhost - can you explain how to connect to a personal website? maybe some files need to be uploaded to the hosting? or something else? I haven't seen any examples of how to connect to a live website, only localhost how i can contact you?

[@zokpls8712]

u are a GOD

[@detroit666]

im getting an HH8 error :(

[@sijalbindu307]

hey so i just got a quick quastion ,after i run hard hat and try to install the sample project, I run into a error saying it cannot install gitimore , gives me error hh16 saying it cannot run it on the file that i have (full-mint-site). what do you suggest i should try

[@clownobservatory5580]

Is it normal to get all those warnings when installing hardhat?

[@NK-xk7me]

Everything worked but my window just shows „this is how you create a mint button“. Did someone solved this issue?

[@eternalgaming8710]

hi once we created mint button like end of the video how are we gonna design our whole website page?

[@bellywash6684]

You're gonna have to watch some tutorials on html, css and javascript. Or find a template somehwere.

[@sg3mes751]

How to use IPFS in it?

[@sjohncreations4369]

Saw that in some of your videos you were going to type .tsx, did you try playing around with hardhat & typescript?

[@iszzytechofficial9404]

Please How can I add NFT prices

[@joseysusamigos]

what is theme vscode?

[@MatthewJacobus66]

Can you share the code here? it will be really helpeful!

[@phonesecurity2878]

add this to fix some errors in jsx scope for new react version import React from 'react'; import ReactDom from 'react-dom';

[@kionlarsen7029]

Did anybody manage to complete this, because my React just leaves me with "This is how you create a mint button0", everything seems to be working, I have created and running the node, contracts is created, but website does not work :(

[@NK-xk7me]

Same Problem, did u solved it?

[@Paco1337]

Line 52:34: 'setMintAmmount' is not defined no-undef Line 54:34: 'setMintAmmount' is not defined no-undef I'm getting this and like 170 other errors

[@bellywash6684]

You spelled amount wrong

[@Isa-dw7wo]

its supposed to be setMintAmount not setMintAmmount

[@mattaertker4783]

So I absolutely loved the tutorial, just one question: after receiving the tokens from the mint, how do you associate those minted tokens with a jpeg? For example, when I have done other mints, it isn't displayed as a token in my wallet, but a label saying skull #113 or something like that. Do you know how to implement this?

[@LucasTST]

would love an answer to this as well

[@EdRohDev]

hey matt, in this video i have not done so for the sake of video brevity. Depending on the platform, you want to use (ie Opensea vs rarible) the implementation might be different. but let's take Opensea for example, go to google and type "opensea metadata standards", click the opensea link and under the section "implementing token uri", should be some guidelines. Essentially you will have to create a baseTokenUri variable and create a function that sets this variable to the url to which your file is hosted. As with all things blockchain, it is a bit more confusing than it looks.

[@0x0abb]

check out moralis nft tutorials - here Filip goes a bit more depth: kzbin.info/www/bejne/qnOwnGSfj8Zra7s

[@VINNIE9119]

thx so much

[@mileezy]

What code editor is this? Looks slick

[@bellywash6684]

Visual studio code

[@crypto_peng]

yo man you should join our DAO( no just kidding where is your Twitter account?

[@DrDre001]

Upload the code to a gist

[@simonll411]

holy s* dis roh from lbac?

[@youngvenom4463]

for me only this is how you create a mint button zero nothing else pops up like the metamask wallet

[@thebepis712]

Did you ever find a solution

[@youngvenom4463]

@@thebepis712 i have not sorry

[@NK-xk7me]

Did u found the solution?

[@0xkoko449]

9999.9998 eth 😩🤯

[@coubclub9419]

its a testnet you clown king

[@pankajjoshi8292]

Tutorial looks good , but pls teach us hardhat other basics first

[@EdRohDev]

thanks! for sure I can make some more basic videos of the tech here. it can be a bit messy with all the packages with Web3 but i can do more focused videos

[@joshandrews5887]

If u have a second, i sent you an email

[@othmanehachad2778]

hey man great tutorial really loved it !! I came across this error that i cant seem to find the answer of : THIS LINE : const response = await contract.mint(BigNumber.from(mintAmount)); Error: cannot override "_hex","_isBigNumber" (operation="overrides", overrides=["_hex","_isBigNumber"], code=UNSUPPORTED_OPERATION, version=contracts/5.6.0) Do you have any idea of how i could fix this ??

[@zokpls8712]

same, cant figure this out

[@NK-xk7me]

Just don’t use it, ethers said it is already inside