today we are going to be making an nft andi’m really excited to make you along this process with me as it’s the first nft i’m actuallymaking as well and when i’m doing this tutorial it’s i’ve read it the tutorial before but i’venever actually taken it so i wanted to make this video to go through the process of simply that’sthe key word here simply shaping nft that everyone can meet i’ve left down in the description a fewrequirements you will need before we is starting one being you will need to install vs codeit’s super simple to install i will join it down in the description the other being you willhave to have node positioned which once again super simple and i connected it down the descriptioni chose this tutorial because it was very simple to follow along very clear so whether you havea ton of experience with coding or next to none it’s something that you can still follow alongwith and build also i’ve related the tutorial down in the description so make sure to go check it outit’s from free system tent and i think they just did a really wonderful job creating this tutorialbefore we get into it though make sure to hit that agree button for more tech codingrelated videos leave in the comments if you like the vogue of video going through tutorialstogether and okay let’s just prance right into it okay first things firstly before we evenget started or write any wrinkles of system the work requires a free virtual pouch to manageour places or our ethereum places for this tutorial they recommend usingmetamask which we are going to use it’s a super simple chrome extension that we caneasily download so let’s go ahead and do that first things firstly i’m going to sound downloadnow and we are going to use for chrome okay we got it jog that was our firststep and i’m sure all of you were able to successfully do that too so we are off toa good start also it’s important to note we’re not going to do this at this specificstep but you also need to download um their portable app as well so if you want to pause anddo that now or we can do that together later on you can see here we have our meta disguise we wentthrough the basic gradations and we have made an account next up we need some measure ethereumto play around with so for that it’s really cool they have a lot of different um research netaccount addresses that you can or character it lay in your address i should say and they willgive you test ethereum to play around with um for this one in this tutorial we are usingbroxton robston i’m sorry for butchering that ethereum faucet so first of all we need totoggle the network to the test network and then too get our history address so let’s godo that okay so you can see here that right now we’re on the ethereum mainnet but if wetoggle down we can see roxton test network if you’re not seeing this it’s simply becauseyou need to go show hide test networks and then ensure test systems is turned on fromthere you can toggle simply to the test network and then we go back to account and then we willcopy our detail quantity now and then go to uh fawcett.robstenbropston i feellike i’m butchering this i’m so sorry uh roxton and enter in your report address onceyou’ve done that clink move me exam either no while we are waiting patiently i have a feelingthat there is a requirement to set real ethereum in here because it’s taking so long i’m assuming it’sbecause so many beings are using this right now which is pretty cool but anyways continuingon for now our next step is to interact with the ethereum structure and to do so weneed to be connected to an ethereum node that kind of reminds me of known node noi’ve never really put two and two together um so what we have to do now is use alchemy as ournode provider okay formerly you’re done signing up and going through the process i just dideverything for the free form which i’m sure you do or will do as well you will now envision what i haveon my screen which is uh the dashboard virtually from there we are going to need to retrieve a keywhich we will will use later on according to the tutorial but for now let’s get it so to do thatwe need to click on view items and then view key and it says here to save the http key somewhere aswe will need it last-minute so make sure to do just that i feel like we’re doing pretty good here youknow we’re we’re learning together we’re doing this together it feels delightful um and i’m sure ifyou are following along with this to just like structure material together especiallywhen it’s your first time or you’re instead brand-new to it time to feel likeyou’re not alone going through the process and then as you know i’m just following a tutorialas well but if you have any questions or get stuck on anything feel free to leave them in thecomments i can’t guarantee i can problem solve what you are facing but i will do myabsolute best to uh through specific comments okay next up comes in my opinion the enjoyable partswe are going to start doing some coding actually um and to start with we will be using node soif you don’t have node invested i will leave some tendencies down below to install nodei already do and i’m not going to make this part of this tutorial um but once you havenode lay we can do the following we need to first initialize the project so firstwe need to make a directory so in that case now they want us to make another directory ethereum inside of the nft job we arealready inside the project as you can see i’m just entering for all of this okay next they want us to install hard hatwhich is essentially a dev tool that “theyre saying” obligates it easy to deploy and experiment your ethereumsoftware so let’s go ahead and do just that i feel like this makes forever while it’sinstalling we could like even off a dance or something how’s it proceeding what’s going on i’mjust kidding i’m just kidding this might be weird okay we’re almost there oh sir come on some npm packs frankly take likeforever to install so i shouldn’t be complaining about this one okay we got itgoing next up we need to do mpx hard hat okay so what do you want to do we want to create an empty hard hatconfig.js so we just use the arrow keys arrow key we just use the arrow keys toget down to that and then we go enter okay so for this tutorial they are going touse next js um so we need to go back to the root directory of the project nft project andinitialize boilerplate next.js app announced network so let’s cd back into the root directory okay there we go success now we can finallyfinally get into some real coding so next up they are saying we need to define our environmentvariables um one being the alchemy key that we saved if you retain we saved that the https keyfrom our from our experiment projection earlier so we’re going to run the following commands to make anenvironment ins environment folder inside of our ethereum directory or document sorry so we need a cdout of the web folder and then back into ethereum okay so i’m gathering up here um visual studiocode because the next step we need to do is to actually go into our environmentfile and then add in a few different things so we need the alchemy key our metamask private key and metamask address i’m not going to patently present you all mykeys and homes but they do give really gone instructions uh to follow to grabthe private key as well so make sure to follow those and if you have any questionsabout that let me know down in the comments okay we got the coffee we have the gasoline tocontinue to build our nft um i’m really excited about this i was telling paul that i was who isfilming he came with me for chocolate that uh we were constructing an nft and i represent i think that’s all hepretty much hears from me recently is about like blockchain nfts crypto time because i i think it’sso interesting as i know many of you do as well so back to film back to the dungeon back to thedungeon okay we are back uh so next what we need to do is get everything set up for the smartcontract parcel of the nfts so to do that we also need to make a few more folders one for contractsand one for uh dialogues so let’s do only that okay next up they want us to install openzeppelin which is an open informant library with pre-tested reusable code to meet smartcontract occurrence easier i can’t speak today apparently the only thing i can dois code so we better stick with the coding lastly we are going to be able to startwriting the smart contract for our nft so we’re going to navigate to ourcontracts directory and create a file titled emotionalshapes.sol but obviouslyyou can name it whatever you choose okay and then if we go to take a look at this okay so in the project they talk allabout the differences between patches of the system so feel free to read about it more too i’mnot going to in this video or else i feel like we’ll be here for ever but the nextstep is building the metadata for our nft next up we are going to make another folderum in network on entanglement and then inside the pages so we are going to do that just in vscode here i’m going to make a folder so let’s do that i told you we are doingliterally doing this together new folder pages okay and then now we aregoing to make a dynamic roadway okay i’m not gonna lie i just spent the lastlike 10 times debugging exclusively to realize when i created when i was installing some dependenciesi accidentally made a brand-new folder announced my app within the web folder so when i was going to donpm run dev and it was failing it was because i was in the wrong folder this is the realitysometimes it makes you highway longer than you want to do the most simplest things so if you arestruggling with npm rum dev make sure uh you can check if you already if you did the same thing asme and composed an extra folder and in which case i cd into my app and then did npm make okay youcan see here now we um are successful in compiling and we have we’re inside i just did one speck jsinside my uh as you can see here web my app and then um this fla this document here 1. js and then asyou can see here whatever you put in this object will show up on screen as the metadata so i’mgoing to show you my screen here so for me i just literally applied for the metadata right now a boardtriangle but feel free to give whatever you miss okay so as you can see this is the metadatain now um and it’s a super easy thing to do just go to localhost 3030 api into yourfolder erc and then your folder your file id okay next up when i’m going through the tutorialwe need to expose the metadata for our nft and one of the things they say is because our app ishosted locally other apps cannot access it so we need to use a tool such as ngrok ngrokmaybe i don’t know to disclosure it locally to a publicly accessible url so we need tomake this accessible this url accessible to expose the metadata so let’s go aheadand sign up for this and then formerly we have signed up there is some directions we need tofollow um first thing being we need to go the dashboard and get our auth token story andthen go to the terminal and range the command so we have to download first for mac and thenonce you’re done downloading get your auth token and then i’ve already run these commands soi’m just going to put on screen once you have uh got to the page which is on my screen these arethe two biddings they are saying to run so one get your auth clue and race the first which i will putup here and then the second uh run this command they say to create a tunnel to your network apphosted on localhost 3000 which you can see here okay on your terminal they give you an exampleof what you should see i see mine but apparently i’m not going to share it with you because i don’twant to share you my address and all of that but i will put up on screen what they are sharing mostimportantly let’s go to it though got to make sure our endpoint is working properly okay so you can seehere we still identify the metadata and the description this is good i know it doesn’t seem very excitingat this part but these are big steps we’re making okay we’re getting close last thing we needto do is to deploy our nft so first we need to change the locate uri gathering and put inour nj rock address so let’s go do simply that so you see here precisely put in below your addresswhich i’m obscuring quarry but you get the idea okay they are saying to deploy our nftwe need to compile it abusing tin hat so they are going to they say we need toinstall ethers.js so let’s time only that okay now they’re saying toupdate the hard hat config i’m just going to transcript the code theyhave provided for us and do time that next up we need to run mpx hard hat compile make sure when you are running the mpx hardhatcompile you are still in the ethereum folder i actually cd out of it and was trying torun this and getting back to the beginning but anyways make sure you are in the claim folder okay so we are creating a deploy.js file inour scripts folder in the ethereum folder once again going to copy the system they provideus expressed appreciation for free code count for being amazing so now let’s start investigating hopefully we can viewthe nft on the blockchain so they say to run the deployment write okay so when i run thiscommand for me and maybe for you too it might say insufficient funds which i’ll put on screenif that is the case it’s simply because um your measure ethereum is still in queue i can see mine umi’m number four so i’ll finish this video and scene the nft on the blockchain hopefully very soon oncewe get that experiment um ethereum into our note okay so formerly you run this command when you have fakeethereum in your measure ethereum in your accounting you should be able to get an address where youcan add to the rest of the url which is right here and when you do that you should be able to seeyour freshly deployed nft congratulations it’s a big deal it’s pretty exciting when i was looked iti was pretty ran to small things so next thing we need to do as i noted is mint nft which isonly a few steps we are almost there okay so first thing we need to do is install ethers packagein the writes folder followed by once again precisely colonizing the slew js file with this codeprovided in the tutorial okay one thing i want to add is where it says your nft address that’s theone thing you are going to need to change within this file so where to find your nft address isgo to this url now that you already went to where you put in your the end piece of the addressfrom there click on where it says your hash your hash it will say there’ll be information of fromand to click on where it says to and the contract the contract crowd that is where you put inyour nft address from there run this command now that will give you a hash which you canthen enter in this url here and there you go now it’s time to introduced it on our phone okay you cansee here we have downloaded metamask onto my phone and as well ensure you are on the test network ifyou aren’t on the test network you can just toggle by clicking the top there and ensure you are fromthere navigate to nfts and then you are going to click on import nfts enter in the contract addressas well as the id for example i started with id 1 because in the nft metadata we have id 1 id2and id3 once you have those two done click import i’m not going to show you my addressbut you get the idea and from there “were having” our first nft mine is still loading but you getthe idea pretty cool okay we finished constructing the nft determining it come up on my phone was so rewardingnot gonna lie the second largest it did i was demonstrating paul i made screenshots and testified my family it waspretty simple to do but it really felt really cool to know that building this can be so simple andstraightforward and once again we just followed along a tutorial but you can really modify thisand move your own nfts based on this based on the nft metadata we employed i’m curious to know yourfeedback and believes on these various kinds of videos if you like these more technological walk-throughvideos please leave this video a thumbs up likewise leave in the comments if you want to see moreof these videos more tech various kinds of walkthroughs or coding walkthroughs and if there’s any specifictechnologies you want to see me “re going through” if you haven’t already make sure to punch that subscribebutton for more tech and coding related videos shout out to some of these readers here i seeyou i love you you all are amazing thanks everyone you
Get in touch for your NFT project
