Time: 2025-07-11 11:41:02 Source: Codora.ai Author: javascript Reading: 172 times

one out of all ofour applications interestingly enough welook at this contract we can election martial law koreasee storeand increment both have been called onthis contract not on the box becauseagain this is the proxy that we're goingto call all the functions on to make ourcontracts gradable internal transactionsare calls that another smart contractmade to this transaction and if we lookat a couple of these we can see if weclick more we had increment called fromanother contract which makes sense wehad upgrade called from the proxy adminand then we also of course we had storecalled from another contract and if weverified this we would be able to seeether scan recogniz this as a proxycontract as well hopefully when you workwith this you'll be able to verify it aswell but if not not a big deal you canalways just manually do it lateryourself so this was an incrediblypowerful project that we just did hereand that we worked on and all rightmaybe take a nap maybe go for a walk getsome food get a drink because we are onto our last coding project now I do wantto say that this project is considered abonus because we're going to be goingvery quickly over the front end pieceswe're going to take all the buildingblocks that we've learned and build anamazing full stack application gear upget ready let's jump into this bonusproject and then after we finish this upwe're going to close everything out witha final quick section about securityfuture and and thank you for joiningthis course so let's do this lastone all right now we are moving on toour final project this is going to bethe most advanced projects and combineall the knowledge that we've learned sofar into one project then we'readditionally going to put a front end ora user interface onto this project whenwe build our own applications we'regoing to need a way for nevs to actuallyinteract with it in a meaningful way sonow this isn't a front-end or reacttutorial course although we will beexplaining some of the choices thatwe've made and how to actually do themyou should be able to follow along fineeven if you don't have any front-endexperience here if you're looking for afull front-end tutorial freec code Camphas some amazing videos that you canabsolutely try out all right welcomeback everybody and now we are going tobe embarking on the most exciting themost end to endend we're going to takeeverything that we've learned and wrapit all together in this single lastapplication here and we're also going tobe learning about front-end developmentand we're going to be building a frontend on top of our application on top ofour contracts here now this isn't afrontend tutorial however fre Cod Camphas some wonderful wonderful reacttutorials we're going to be teaching youguys just enough so that you can goahead jump in and build your own simplebut also kind of nice looking front endson top of whatever contracts that youhave for those of you who want users toactually interact with your applicationsand interact with your contractsbuilding a usable front end is a reallyimportant piece so let's take a quickwalkr of what this application is goingto look like so here is our our frontend here and what this application isgoing to allow users to do is it's goingto allow users to stake or deposit theirtokens into what's called our token Farmcontract once they have some tokendeposited that's when you can kind of goget creative with what you want thosetokens to do you could use it as stakingin some governance you could use it toyou could go ahead and invest it insomething like a or another D5 protocolto gain interest you could build a yieldaggregator there's a ton of ton ofdifferent features that you can actuallydo once you have users stake theirtokens and here's how they would do iton their UI side so we have this littlebutton here which we go ahead and clickconnect on metamask is going to pop upand we're automatically going to sign inthat's going to connect our metamask tothis user interface now so if I look atmy metamask I'm on the Coen test Networkwe can see that I am indeed connectednow what I can do is I can now stakesome of my tokens into this contract wecurrently have three different types oftokens that this platform allows you tostake wrapped etherFIU which is mimicking die on the testNetwork and our dap token this dap tokenis going to be the reward token that ourplatform gives users as an incentive forstaking on our platform once we stake wecan actually then unstake and that'sreally it so we'll go ahead and stakemaybe we'll stake 10 dap we'll hit stakeminim mask will pop up this is theapprove function this first approvedfunction that gets called we get a areally nice little waiting bar here andonce it's been approved we get anotification saying the transfer hasbeen approved we then go ahead we'llconfirm staking we'll get this littleloading bar while it's being staked andwe'll see that popup that says tokensstaked successfully now if we go to theToken Farm contract we can see that wehave 10 of this dap token staked we canalso unstake it the other thing that wecan do is as admins of this wallet wecan actually issue a reward to our usersbased on how much how much they'vestaked so you see right now we have 95dap token we have 10 dap token staked onthe back end I'm going to run an issuetoken script it's going to send allusers that have some stake a little bitof a Dap token reward now you can seeit's been updated and we have we've beengiven a little bit of dap token thatresembles the amount of dap token thatwe have staked the way that we figureout the value of all of our differenttokens is using of course chain theprice feeds we can then of courseunstakeeverything and we see tokens unstakedsuccessfully and that's it and this iswhat we're going to build now we aren'tgoing to go over the unstaking portionof the front end application here buthere's what it would look like if

(Editor in charge: code)

Previous article: Learn Blockchain, Solidity, and Full Stack Web3 Development with JavaScript – 32-Hour Course - Ep93
Next article: Solana Developer Bootcamp 2024 - Learn Blockchain and Full Stack Web3 Development - Projects 1-9 - Ep43

• 
• 
• 
• 
• 
• 
• 
•