that being said let's run thistest browny test- K test issue tokensand lovely so our math is women in spacecorrectawesome we are doing wonderfully withour tests here we've even gotten some ofthe harder ones out of the way earlywhich isn't too bad either now as far asthis video goes we're actually going tostop wrting the test because we'reliterally just going to keep going downthat solidity file and grabbingfunctions and adding tests to them we'vegot all the tests located in the GitHubrepository associated with this lessonthere is both a unit test file and anintegration test file in the GitHubrepository if you want to just go aheadand check that feel free to do so we'regoing to move on to the next section tokeep things moving forward but I highlyhighly recommend you trying to write allthese tests yourself so good luck we'regoing to have to make now we going tomove into our private ke before we runthis make sure that your integrationtest work well make sure that if you runyour deployonor testing everything works correctlyof course you're going to want to getout your file you're want to add that toyour Browning config add private key inAB your web3 inferior project ID andmake sure you have plenty of test atCoen so that you can actually run thesedeploy scripts we can always find thelatest faucets from the link tokencontracts page under our koven or rink Bnetworks here we're also going to needour wallets section do from Key this iswhere we'll put the dollar sign privatekey because now that we've done all thecontract work now that we've done allthe contract work we're going to learnsomething totally new that we haven'tcovered yet we're going to learn to dosome frontend development now like Isaid this isn't a front end end courseand the focus isn't going to be on frontend and I want to point out right awaythat this is considered a bonus sectionthere are a ton of pieces in thissection that we're not going to have thetime to go over thoroughly because we'renot going to be going into what's goingon on the front end side the editing isa little bit choppier and I highlyrecommend having the documentationhaving the GitHub associated with thisfront end with you while you're goingthrough this free code Camp has anawesome video on doing front-end workand if you want to learn more aboutreact and typ script and some of thetechnology that we're going to go overdefinitely check out those videos afterthis we're going to make this though sothat you should be able to follow alongwith everything that we're doing ifyou're not interested in front-end feelfree to go ahead and skip this parthowever understanding how thesefront-end applications work is reallyhelpful and it'll give you an a massivemassive incredible skill to actuallybuild front ends for your smartcontracts having a really solid userinterface is really important in theweb3 and the blockchain world if peoplecan't use your contracts then what goodis your application so with that beingsaid let's jump on and let's build ourfront end and I know we said we didn'tlike JavaScript we're going to beworking with typescript here which is animproved version of JavaScript andcatches a ton of the different bugs andallows us to be much more explicit withhow we're working with our front endwe're also going to be working withreact we're going to be working withcreate react app this is a front-endframework that allows us to quickly spinup a front end to build for ourapplications here we're also going to beworking with this tool called usap it'sa framework for Rapid dap developmentand works great with react here so let'sget started building this front end thefirst thing that we're going to want todo to build a front end for our fullstack application create react appboilerplate so you should have MPXinstalled if you run MPX D- version itshould show up this should be installedfrom when we installed npm if you don'thave MPX installed you can run PMinstall DG npx additionally we're goingto want to install yarn here to installyarn again you just run mpm install --Global or DG yarn you'll know you haveyarn installed correctly if you can runyarn D- version you see a version ofyarn and I have a link to install bothnpx and yarn in our GitHub repo butgreat once you have those we canactually create a folder with all of ourboiler plate code in it we're going torun and MPX create react app we're goingto call it frontend this is going tocreate a new folder called front end andwe're going to do d-htemplate typescript because we're goingto want to work like I said withtypescript instead of JavaScript forthose of you who've never worked withtypescript before and who have workedwith JavaScript don't worry the syntaxis nearly identical for those of you whohave never worked with either don'tworry we're going to walk througheverything that we do and then we'll hitenter here what's going to happen isyou'll see we're going to create thisnew react app in this new front-endfolder in our projecthere awesome now that we've downloadedour create react app we have this newfolder called frontend and it's got awhole bunch of stuff in it now typicallywhat different applications willactually do is they'll have onerepository for all their Python and forall their contracts but they'lladditionally have a different folder ora different repository for their frontend application and their front end workthis is really good practice we're justgoing to bundle everything up into thesame repo here just to get started andjust to make it easier for us gettingstarted here however what you will seeacross different projects is they'llhave a totally separate repo for theirfront end so let's take some inventoryon what's actually going on inside thisfolder so the first folder you'll see isnode modules these are basically the PIPinstalls these are the differentpackages pulled in from JavaScript andtypescript we can pretty much ignorethis folder for the majority of whatwe're working with here next we have ourpublic folder we're also not reallygoing to go here but it's got some nicelittle images it's got our basicindex.html which has the HTML that we'regoing to

(Editor in charge: cpp)