[REDACTED] online hackathon workshop Aurora: Building Next-Gen dApps on NEAR’s EVM w Virtual Chains

Captions as YouTube publishes them, usually machine-generated, so product and people names can be misheard.

1. 0:01

   he

2. 1:23

   look w

3. 3:26

   w

4. 4:59

   oh w

5. 7:55

   oh want me what you want what you want what you want what you want hello everyone and welcome to another redacted online workshop and for those

6. 8:59

   of you who don't know what redacted is it's n giant um online hackathon and today we have Slava from Aurora Labs who's a devil and is going to be talking about Aurora and what bounties they're offering for redacted so I'll bring him on now hey SL how's it going hello great to see you all yeah I'm fine you too yeah good um I'm out here in Thailand already um well if you don't know again we have like an in-person event after the online

7. 9:43

   hackathon so I'm just so excited so I came out extra early will you be making it out yourself no unfortunately no it's a p that I will miss that year but I I me it's it's a really long trip for me and I'm kind of a family person here yeah yeah I'm I'm young enough to not have much of a family yet so uh I can go go wherever without many responsibilities so yeah let's let's get into it do you want to First tell us a bit about Aurora for those who don't know what it is and then we can maybe

8. 10:23

   like look in uh look at the bounties and then dive into the actual code and like a workshop afterwards yeah actually I prepared a nice introductory presentation I want to try to share it like I have it in in the Google Docs presentations uh should I just click present button for example I think that should work let's give it a go let me try yeah I see actually Google Slides I can try adding them one moment yeah it should just be like um Google me

9. 11:00

   work something like that let's see the magic of live streams let me try I already see my presentation in the list and I selected uh like to share it it seems it's loading in the backstage here one moment we wait for it it is pro streamyard is processing something but anyways we can talk little bit more about Aurora uh so Aurora is the evm on built top of the near as smart contract you may have heard that Aurora is kind of like Layer Two

10. 11:40

    solution but actually it's not strictly speaking it's not the layer two solution because it doesn't Scale near itself uh it just walks at top of near so I may say that it's mostly like a like an ethereum interface to on deploy the near so you can write your solidity contracts and do everything which you can do in the regular like evm like ecosystem but a top of near uh so that's like a short introduction I actually was inspired by one of the games I played in the

11. 12:14

    childhood it's like it be old school game called Golden X so uh let's go like it's just Aurora D Workshop you can see reducted hackaton let's space press the space Buton and start So the plan for the adventure for today uh is the introduction of the aora itself we kind of started with that uh item but we will continue a bit more uh then we will review the Aurora Bounty uh from the reducted hackaton which is happening right now and then I will do a small Dev workshop for you guys like uh

12. 12:52

    just show around the resources the available projects how you can install them import everything like play around with your da Etc so let's start aw let's start with the introduction to Aurora uh so let's learn some evm spells to be casted in the New Kingdom and that's kind of RPG styled U version of the phrase or the stuff I already told you about rora just being the ethereum like interface on near so you kind of have that R contract which is kind of

13. 13:29

    like an evm spell book on here so you can kind of cast your spells using solidity instead doing rest contracts development uh so what actually can these spells achieve for you so first of all you kind of get the evm uh so it's kind of obvious you just have the familiar stuff happening in terms of like ethereum like experience but more than that you also get the really tight connection to the near ecosystem because it's not a separate chain it's just a smart contract top of

14. 14:08

    a Mir you have what we call xcc or like cross contract calls so both networks they can cross communicate and every contract on near site can cross communicate is any contract on aora site we have a special Library uh actually we have a special section in the about cross contract communication and we have a library called Aurora contact which is devoted basically to that question so you can uh make your contracts communicate into

15. 14:40

    networks so this means you can like I make a cross contract call to communicate with the MPC service right to to use the chain abstraction sweep yeah yeah that's cool uh with that like actually actually one of our devs actually have has already tried that and it worked there was some problems with the size of the transactions because with NPC service transaction is pretty big one and xcc has some overhead in

16. 15:13

    terms of the near gas so there is uh a risk if you're running like transactions close to the limit of 300 teras there is a there is a risk that you cannot you wouldn't be been able to call them via xcc because they're too large so in this case you will need to think more like how maybe you can div divide that big this big transactions into smaller ones but it's like a corner cases uh and even

17. 15:42

    with signatures our D managed to execute this and get the signature in his contract on Aurora be interested to see if anyone takes that further in the hackathon yeah yeah yeah yeah please guys you can dive in to that area it's uh still a fresh one like no one really explored it much so you can make and try to to make Aurora chain obstructed basically and try to sign your uh transactions on other blockchains via

18. 16:14

    Aurora uh by using rora keys basically uh and rora EAS what else we have here on the slide uh we have also withal chains and that the part I wanted to stop uh specifically because on the reducted hackaton Bounty you have a price pool connected with uh giving people their own virtual chain so what is a virtu chain mutal chain basically is a copy of the Aurora contract uh so it kind of on our side it's like sharing

19. 16:44

    our experience uh which we gained during the last years with everybody as a product so it's kind of like an up chain but on the other hand it's not separated because of the uh because of it being the smart contract on the near chain so that the same way as Aurora is it's not an L2 it's not separated it's not L3 it's kind of l1.2 you know because it's uh ingrained deeply inside the near ecosystem so the main uh Pros here are the infrastructural ones because you don't

20. 17:24

    need to worry about the validators all near validators will validate your transaction and every Val every transaction on your chain which is CVM will be secretly a new transaction so the new validators will do the checkup work for you uh also our infrastructure team will set up for you uh scalable cluster of nodes um which will service your RPC endpoint and uh you will be able to use it in your like deps and contracts to deploy contracts Etc so it's a really cool way

21. 17:58

    way to concentrate more on building your product and application instead of working on the infrastructure decentralization and all other like technical stuff and we are we we are working on the nual chain for the past like two years I believe and like we got a lot of nice stuff there like uh it's kind of like a Lego Constructor where you can put some parts into it automatically just by need for example if you need on ramp Services you can just have it uh it's like we we have a

22. 18:31

    special console called Ro Cloud console to manage these chains so you can kind of add some modules into these chains just by clicking buttons in the UI so you can add the on rampin of FR pin you can add uh oracles uh you can add kyc you can add briding you can use uh the briging widget in your deps by just copy pasting the code from that console so like a lot of nice features actually fors uh and people working on the

23. 19:07

    products and the guys who will uh catch our attention during the reducted hackaton I believe all the first three places they will have an opportunity to run their chain I oh sorry not not not three places but only winner I believe only winner for this in a period of the three months he will be able to run this chain so the first place will have a chance to take a look and put their hands on the V

24. 19:34

    chain and that cloud console stuff yeah I don't think I've heard of another hackathon or Bounty where they just decide to give you like a chain as a priz that's interesting quick question why would someone want their like own virtual chain instead of just using like Aurora is it customizable or what benefits do you get out of that I guess the main one is the isolation so it's like if you want to isolate it from the Aurora itself and to have your own environment it means that

25. 20:14

    you will be able for example like close it under like kyc or like change the access rights to it you can also have another tokenomics there another guas all right G cost uh so it's own like native token yeah yeah so you can change your oh gas token to something else than e use your own token uh use your own strategy of uh gas payments on a chain uh and also yeah that's kind of it I believe that's kind of it uh and it's

26. 20:55

    like it gives you an easier way basically to monitor that activity happening because like you will have your own blockchain Explorer your your own everything so you won't need to do like any analysis specifically only on Aurora you can just concentrate on your separate chain and and of have the whole ecosystem being built there um yeah yeah and the last uh point I wanted also to put your attention to are free transactions and by free transactions I mean that we have a really nice uh

27. 21:27

    product uh which U allows you to do a really flexible gas management and kind of count obstruction if I may say that uh on Aurora and any of the virtual chains we we are calling that rule engine but basically what this is is kind of like a really rich uh regular Expressions but for the blockchain transactions and with uh this it it actually is uh like you can um control it via the roora cloud console so every chain has its own

28. 22:07

    rule engine and you can just put uh a bunch of rules there with which you can wh list your smart contracts and make them guess free you can also put some time Windows Geo positions stuff like that so for example like you can make positions yeah I mean for example you can make your smart contracts free only for Germany based users and that's it so it's like Geo uh I know like taging or Geo uh like

29. 22:39

    geating meta transactions yes something like that so that's what Ian by flexibility here you can actually choose the space and the time window for the transactions to be free uh and free free transactions for UK residents only yes exactly EX yeah so I guess we can continue and Go uh with the Bounty review now maybe I do you uh do you want to pull it up or shall I uh to pull pull pull it up pull pull

30. 23:18

    it up what you mean like the details of bounty yeah just think that be useful I have I have slides don't worry I have slides oh he C these These are the cool slides I've ever seen to be fair but um you can tell you're a fair bit older than me because these uh this game is way before my time yeah I guess I was playing like 1997 or so yeah that's that's before I was born yeah so let's go into the reducted forest and catch Bounty of a dreams

31. 23:56

    there and if you will go to the death poort post uh I don't know if you can share in the chat uh do we have a public chat here to share links or something yeah if you go into like the comments bit I can send um it in there I think it only links to YouTube though so I can put a little banner and people can search it up yeah yeah I just wanted to put that reducted link uh let me join the chat yeah I've uh I put it there thank or

32. 24:26

    maybe you can yeah yeah that's okay fine with me so you see the link now to the reducted dep post.com and if you go to the forest and take a look at the bounties you'll find like there's so many bounties there like just a lot and price pool is so big so it could be a little scary so just let's concentrate on the Aurora Bounty with a price pull of $65,000 uh what is it in the nutshell so Aurora this year has a deps Bounty and

33. 25:00

    to Su up we are kind of looking just for the next killer da that will Captivate crypto users and also web to users actually something that is really fun easy to use and viral and uh what we can also say it's kind of it should be designed to meet users individual needs on preferences like some narrow goal something simple but still fun to use and easy to use uh so it should have like these smooth and engaging uh user experience are uh what examples we can come up with

34. 25:36

    so it could be gamify could be like some play to ear tap to earn games they gained a lot of the moment this year could be fantasy sports where you kind you can actually Google that term uh I was Googling it because I encountered that during reading our Bounty actually so it's kind of like forming up the teams in a like metaverse and uh playing sports in real life and then kind of beating kind of having the Le leaderboard in the meters inside your

35. 26:08

    app getting some incentivization uh by your real activity uh but still it could be like a team team like uh game there um thanks for explaining I was I was more thinking people like playing quiditch that was uh that was my thought process uh that also could be like actually we do not limit ourselves but I just read the Wikipedia about fantasy sports so I just was telling you I found there so but it

36. 26:39

    could be quidich like we are not against it quid it's even better Aus polish on quid good to hear yeah it's really nice and simple I mean it's it's totally great explanation here uh it could be also Al some uh it could be some Discord based game but uh nowadays we kind of um we will really appreciate you focusing on the telegram if possible if you can do some telegram based game that will be

37. 27:14

    really awesome uh telegram mini apps are really popular nowadays um in the defi sector it could be m coins uh they lunch pads uh maybe some micr laan platforms prediction markets it's AIT little bit of a stretch here like because it's a big project but uh maybe you can come up with something more simpler uh nft marketplaces nft based games uh maybe Fitness or mindfulness apps or anything else you will come up with in terms of just being

38. 27:49

    easy fulfilling some simple go goal for the user uh and just like easy easy to use and viral uh let's go with some examples here so I just chosen like five here so like not coin it's a small telegram app where you tap a coin and receive more coins and it gained a lot of popularity it has like around 17 million users in the telegram group right now uh ego is a similar tab game but on Aurora I will uh talk more about it in the next slide but basically you have an act you can tab there and it

39. 28:30

    has like more like RPG elements in it and some mini gamess so it's a really cool one actually uh a bit like engulfing or something like that I mean when you start playing it's hard to stop probably the main element is music uh like ambient music uh on the phone it's like Medieval music or something it kind of touches your heart and you cannot stop playing uh cm is a project top of the

40. 28:59

    ton and telegram um to like this uh like kind of like cat design SWAT you know it's from the near ecosystem like probably one of the top projects on near uh connected with Fitness poly Market is a prediction market and like betting on the polygon so yeah kind of like that uh and um is there anything your you want to see in particular or just want to see what people come up with yeah in particular I guess that this fantasy sports yes so if you feel any of these

41. 29:38

    Sports uh you will be just fine but we are not limiting you we we want uh the bounty to be as open as possible so you can come up with anything but we like like this list uh describes everything in particular we want to see so you can just and and that list is actually in our bounty on the reducted death.com so you can just go there to bounties and and see the same list there uh talking

42. 30:11

    about EO Quest as I have said it's a telegram based up to own game uh there are 600k plus users right now it's deployed on aora has RPG like atmospheric music and atmosphere um it has many mini games inside to uh basically enrich the mechanics in game mechanics and have more stuff to do except just St in uh it has Clans as the social elements there for people to unite it's still in development but I

43. 30:46

    guess they will add also some Clans mechanics in there and actually it's pretty crazy I mean there are already people who achieved like hundreds of million coins in there so like I have like just are you one of them like 100,000 coins but they are pathetic millionaires in in in E so you can just go to the x.com eest and try it yourself uh talking about the price pool uh the first place you receive $6,000 in

44. 31:20

    Aurora tokens second place $4,000 in a tokens and third one 2,000 uh we also have a carpol which will be um decided uh by judges and like distributed by judges to some projects which we will want to incentivize by ourselves and also we have as I have said in the beginning virtual chain credits so to run your own virtual chain uh for for the three months for the winner so that's that these are the prizes that's the I'm most interested

45. 32:00

    in maybe I'll steal the bount Bounty please we just need to come up with some consumer that um just to highlight the quickly the acceptance criteria is the same as for the reducted hackaton criterias at the death post um so it should be like I I kind of read them there a lot of these like shooting your video text descriptions I will go into there you can read about the I just wanted to highlight one main one that it should be new and subst or

46. 32:32

    substantially modified existing project built using Aurora or Justus in Technologies and it should be deployed on the Aurora mainnet or at least a part of it like if that's a project which uh is uh cross chain or like chain obstructed you still should have some part of it being deployed on Aurora like some smart contract communicating with other chains so please make sure that this condition is uh suffice

47. 33:04

    here so and also for people developing an aurora and taking part part in the hakon I wanted especially to focus on the how to get help so while doing your projects on the hakon like you me you may meet some project challenges and need some help you said uh like you can feel something like that like uh that you have some nicey bucks some UI glitches some problems with integrating wallets and I just wanted to say that we are here for you you should come to our Discord and I

48. 33:36

    will help you with our team there with moderators we have a special hakon channel so please come there Hice we are planning actually to do some uh bounties brainstorming maybe with some price pool also there so please join the Aurora Discord uh maybe let me tried to connect my YouTube here so I can share a link to the Discord to the channel also a moment I think maybe because it doesn't

49. 34:08

    send it into the Twitter we could just tell people how to get there just search up aora and is there link to the Discord there you can just go to the aurora. website Aurora dodev and click developers and you'll see Discord bannner there uh there will be an invitation link so you can just join by by it I also sending it to the comment section it's not it's not possible for some reason maybe I can send it to you in a private chat and you can just copy paste

50. 34:44

    later yeah for sure I wanted to say that we will have a just or just to repeat we will have the bounties uh brainstorming there soon we're planning for it so please join take part into it get some prizes um yeah so and then you will be able to say thanks to ro Discord and support team for the last problem being eliminated uh I also sharing here in on a slide some useful links uh the first one I actually prepared just yesterday

51. 35:17

    so it's a really fresh project and we will use it today it's an easy way to start your Aurora uh application being adap or a contract so just an npm package which you can call with npx it's kind of just a script and you can just execute it with npx create or app and specify like a daap and the project name and it will create a template for you which you can use for your development so kind of you won't need to start from zero uh and just with

52. 35:49

    a playground like you will have a playground basically to start your project uh it actually uses underneath the two raos I'm listing here on the slide like a smart contract examples and DEP example and all of these are described in detail in our documentation the last link on the slide here so you can go to our dogs uh in the section build app and you'll find everything there in case you want to find something just contact me on the Discord and I will help you um

53. 36:22

    additional materials just our d portal H and the call play through in the case you are curious about the game I was using for the slides here so and we saw that information I believe you'll be able to present your project and impress the reducted judges sir so I wish you luck and happy hacking on the hackaton and I guess we can start with a de Workshop let's get into it this is what I'm most excited

54. 36:53

    about yeah if if people have any questions please let me know please let me know uh I'm not sure will I see this in the comment section or yeah if you just write a if you guys want to ask any questions you can write it in the chat and we can just bring that up if you're on Twitter I think in the the live chat or on YouTube again the same just put it in the chat and we can yeah please write them here and we can bring them up we'll just uh we'll just bring up questions as

55. 37:26

    we're going through the workshop up as they come up and I'm sure I'll have plenty of my own questions oh yeah probably I can also present my screen let me try let me try it please don't give us the infinite mirror glitch I don't want to see myself too many times um I just need to select the thecorrect window seems this is the one with the presentation in it can I I need to understand how to put it on

56. 38:10

    the stage oh I can add it now if you want yeah yeah this one this one yes yes exactly I just go there and first of all what I wanted to show to you is the creator app MPX script it has just little documentation here you can read through it uh I also included some useful resources uh they kind of mirroring our documentation from uh the build it up so I will go you can see the dogs yeah okay great

57. 38:47

    so in on on our dog site you'll be able to consult everything you need for building ad daap or writing your contracts here in the build adap section so it has a nice introduction here with a bunch of the introductory or even not materials about aora development and TVM development in general uh for these ones who will be curious how to get East for for the guest please go here you'll be able to tap on the faet on testet or

58. 39:20

    uh can I get some uh get some free E fre free of course no so just the way how to get it like uh you can un ramp or you can swap tokens uh or you can breach from uh the ethereum or near so that that's how it's done uh no main net facet no like unfortunately no my facet for now uh yeah we have two sections uh deploy contracts and build front end basically corresponding to um like writing and Loy in your contracts it has three simple contracts

59. 40:00

    simple counter ec20 and nft uh token here and in terms of the dab you have uh basically different uh functionalities described per article like connecting a wallet getting account data sending transactions reading the contracts writing to contracts and all of these will be in your template here so uh and how how much would this differ to building like an application on say ethereum main could you repeat the question please how like dissimilar is this to

60. 40:42

    like a deploying a contract to ethereum mainnet if you were developing on ethereum Main net then it will be like 99.99% similar like overall the it's almost 100% AB ability that only thing you will need to change in your framework where you develop the smart contract is the RPC end point and you will just need to use Aurora Dev you have that start stuff here where we have our RPC and points

61. 41:15

    listed like we have on point for myet and tet here and that's it you will be just able to switch the RPC and point and deploy your contracts to Aurora so nice I think problem I think the cool the cool stuff about this is like a lot of people when you talk about near they're like oh it's not solidity I'm not building the well you can get the good stuff of near by building on Aurora and you can also make make use of the

62. 41:46

    MPC contract yeah yeah exactly so like near is like ethereum with Aurora so you can you can use your ethereum skills here uh on near by using Ro IVM um yeah and also we have like just these two repositories and basically what this does it just clones them to your directory and just bootstraps your environment so one is about the D example another has like the contct example so I wanted to concentrate actually more on the depth side today so let's try using the create Aurora app

63. 42:30

    and PS package for the first time in history and first time on the live wow that is risky yes like I never use it we uh we have a question here already I'll bring it up um so is this package creating a react or a nextjs front end or something else it's it's kind of like an xgs uh I can actually answer that question by just going to the repository here and you can see V config so it's a v

64. 43:10

    application uh vit is kind of like an xgs um not concurent but like competitor so it's just a v application and actually I'm they're all pretty similar right yeah they're very similar and like overall to run it you will just need to kind of execute pnpm run that that's it so it will just run uh let me try to share my terminal we are actually using V uh stuff by accident because uh I was let me actually show this to you why so I

65. 43:48

    was building my dogs in Aurora on Aurora's website by Consulting the wagm dos so wagi dogs are kind of mirroring our dogs so they have also connect wallet here send transaction read from contract right to contract so the main actions are kind of mirrored to the the mirror to the documentation and here they have a playground you can see it here uh it's called stack blits and I was like oh we can actually use stack

66. 44:19

    blits it it looks like vs C but in your documentation and St us uses s so that's how we uh uh we ended up with using V instead of next GS it was just like Po Cod from the stack bits and I kind of just left it Place fair enough good enough reason yeah let me try stopping my screen and maybe I can share full screen and sorry oven if I will generate generate some uh Rec or or or if you prefer I can do this I can just share my terminal instead

67. 45:07

    please share it on the screen and you just sharing window I see here we go nice and can people develop on Windows or should they be using something like uh like WSL if if they're running on Windows because I see you're on Mac here right yeah it's a great like haven't been using Windows for a while so it's hard for me to tell but probably they can do that uh it just like the matter of being accustomed to the windows development but I never received uh for

68. 45:41

    the last like two years working here I never received a support ticket about problem with Windows development so probably there are no or people are not developing on windows so those are two options so if I will just execute this it will probably say oh let's install Okay I I even unlink it so yeah and after the run you can see it will says like welcome to Aurora and we'll present you two commments like da and it says

69. 46:13

    you can you should say indicate some project name here or contract and indicate the project name so let's TR doing that like just type dab and let's name it introducted test D so when it's saying D is this a contract and the front end or just the front end uh so this project has some predeployment or documentation so you can just go there find the depo and redeploy your own contract and just substitute the

70. 47:00

    address if needed so right now it's not very configurable like what kind of contracts you can include and stuff like that we hope to add more features later so that script is really fresh and still a little bit edgy uh but it should uh get the work done for you well it managed to uh to run first time I had my my fingers crossed there yes so we we should write a uh we we should run a v application so let's uh

71. 47:33

    celebrate afterwards uh okay so it says we have installed the project you can consult more about the dogs and right in the front end here and to run you should have pnpm installed and after that like pnpm is not U comp here you can use yarn you can use npm but from my experience npm is the best way to go with PM packages it just saves a lot of time it saves a lot of space so we are pushing U pnpm all the way here um yeah so now we

72. 48:06

    can just uh do CD and go into the reducted test app and what we will see here that's exactly our project from the documentation with s config inside so now we can just execute pnpm install mpm install and you you can see how quickly how quick is that like I've been working with one guy lately developing with yarn and he was reinstalling Pro uh like dependencies all the time because there was a problem these dependencies it was

73. 48:44

    a headache because like a lot of time was spent on just reinstalling waiting compiling and this pnpm is just like almost momentary I used to be a a straight npn man and I've recently swapped to using yarn MH how uh how does that make you feel or should I swap to PNP you should try it you should try it I mean probably you won't notice big differences on smaller mediumsized projects but if project is big

74. 49:18

    one uh I mean caching is so good in pnpm and like just not storing multiple packages on your laptop it's also saving space so like you'll never have like a not modules of like 20 gabt folder or something you know so yeah I'm always having to delete stuff from my my machine so I'll give you a go exactly exactly so that's what pnpm kind of saves you from and let's try running it so it says it's ready let's go to the

75. 49:51

    Local Host and try it out Local Host 51 73 i' not have not seen that number by default before I'm not sure why that is set by default maybe I should change it to 2000 because it's usual but for some reason on the stack they they got that for to be used maybe just to make sure there will be no conflicts like arand says didn't install uh what what what uh haven't been installed on

76. 50:28

    your site Amanda could you please tell us more pnpm or the project itself and are you opening this in your your browser now um because you're obviously sharing just your yeah I'm I'm not opening I'm trying to share my browser now so let me switch to the window with my browser open yeah please share my browser and I will there we go like I I do not do any actions without people seeing so after screen Shar we can now just

77. 51:10

    paste Local Host 5173 here and actually has my even my wallet connected here your watermelon balance yeah it has some balance that's not a problem also if you project you need uh a lot of of ease please contact me I will send it to you uh the case is that a lot of developers are usually confused with Aurora development because they are expecting really high gas price and gas fees they come from other EVMS and they like put in too much gas price like gas price on Raw is only

78. 51:51

    0.07 gigabyte uh and you need to take that into the account because like for the most projects and for most contracts to be deployed to like that amount of fees will be enough like 1,000 of Fe it's really small quantity so people are usually really surprised that you can deploy your project and test it out with such a small amount of fees but that's the reality on Aurora um actually let me disconnect my wallet to show you the

79. 52:22

    wallet options here uh that project kind of shows you all of the possible wallets to be connected here it has the wallet connect by default so you can use like aora pass wallet for example or any other wallet like evm compatible wallet in the wallet connect but I'm usually using metamask so let me try also connect it here and we had a response from arando here um he was saying the command wasn't

80. 52:49

    running for him maybe you can uh help in out in the Discord afterwards yeah I can also o tell the Armando not to forget uh to do like to include the arguments maybe some argument was missing or some empty stream like when there not sure do do you includeed have you included the project name there uh also please feel free to come to our Discord and I will help you to debu it uh maybe there are some problems in the environment or

81. 53:20

    something so let's try together it works on my end works on my machine notu but that's like the life as it is you know uh it it happens all the time to the developers like on one machine is working on another machine uh something is not working again let me actually try the H problem ship he says um he wants you to ship him your PC that's a nice joke that's a nice uh let me actually try send some e to see if that's really

82. 54:03

    working really working let me try I just and in case it's fine we will see a transaction happening on the network so I will open it in the Explorer it's spending right now metamask just believe me probably you cannot see my metamask window though because of the screen share uh yeah it's confirmed let me open it in my Explorer or for some reason for some reason it haven't a moment just need to copy paste uh the transaction

83. 54:49

    ID uh oh no results found ah because I'm I know we were I'm on the minut so it's expected I just needed to use testut Explorer of course yeah is the transaction here and you can see the transfer of 0.001 is to another account and in terms of yeah that's uh it's pretty low gas you can see how much gas fees it took it's like even two Z more here for such a basic transaction for the base token transfers so what else you have here we also have

84. 55:29

    the watermelon token deployed uh I will show to you sources and how the source code looks for that da uh really soon uh but what you can do also you can send this watermelons probably I should add the the minting function uh there to be public so people can Min these watermelons but you can just deploy your own contracts for now uh and just play with it just substitute your address instead of my watermelon address you can

85. 56:00

    just deploy your own rc20 there so let me send like 1,000 water milance another address I will confirm it oh I actually have the production hash link here I for I have forgotten about that that I have added this right there so if I click on it it should go to the test net and you will see a transaction it's probably confirming right now like waiting for the confirmation and done so and you can see

86. 56:38

    that it's also like u20 transfer it's like has five zeros in the commission here uh yeah so now let's jump to the to the source code I will show you how the project looks like what components it has inside and how it was done using the vag let me stop the screen sharing of this and now present let me actually open my um vs code first and close everything else I have here I have too to too many projects

87. 57:18

    open in vscode right now uh okay let me open the folder at least I didn't see too many tabs open in your browser that's normally the curse I see at hackathons I'll go I'll go to help someone out and then their computer will have like a thousand tabs and they're like oh why isn't this uh why isn't this transaction going through it's probably because your PC is on fire from the amount of chrome tabs you know oh and

88. 57:50

    you kind of guessed it right because I have another tab this that problem exactly so I just created window for this presentation not to so like I have a lot of TS like not 2,000 as arando says but like hundreds of these probably and I'm using a plugin which actually closes them for me so my Ram won't be uh used too much so like there is like a smart plugin in Chrome or Brave which you can use and it's called like something like suspend or something and it suspends your th send

89. 58:25

    me please yeah it helps a lot with like thousands of TS open because it doesn't it saves your RAM you don't need to overuse your resources with 20 we came here to learn about Aurora and we've learned uh T management skills here what more could you want yeah so here we have the vs code finally opened with the project in need uh so we have we config here nothing really special here Happening Here we have config file and uh where is package

90. 59:00

    Json yeah here here is the package Jon and here we just have plain react we have 10 stack here for web model support that's like this the support of the wallet connect stuff and we have vagi which depends on the VM VM is probably the fastest web three JavaScript library uh for ethereum based projects right now uh so you can think of this if you never heard about that probably you have heard uh but it's like web 3js Orum e of G so

91. 59:38

    but much better and V I think I'm uh I think I'm spotting G era here like why is the screen white why is VSCO white I'm a bit confused you're not a you're not a dark mode man it's white because it's still sunny here in Portugal like when Night comes I'm dark mode uh so dark mode dark mode any time of the day for me yeah I cannot I cannot use dark mode during the day like I just have some ice strain like for some Reon so I'm using light mode during the day and dark mode during the

92. 1:00:16

    night like it just switches after the sunset you know only after that so and talking about vagmi it's the library which simplifies a lot your dab development by having a lot of useful react hooks for you and let's kind of jump into it um so in the source here we have the main entry point is the app TSX here and what it has it has the query client and the wag provider built in here and it has the four components you

93. 1:00:48

    have seen on the screen in your browser just a moment ago so it has the connect wallet it has send transaction your C20 balance component and your C20 transfer and all these components they lie in the components folder and have a separate file for the corresponding ones we also have the wag TSX file uh which has the wagi config in there so for every wagi project you need to specify the chains uh used for your da you you can easily

94. 1:01:22

    add more chains here sorry and BME chain CH has a lot of evm chains so you can push like 10 chains really easily here uh I mean probably they have like N Net for ethereum sorry something like that H or maybe I just I don't remember exactly but anyways it has a lot uh you can consult the mag dos there uh yeah what else connectors are corresponding to the different types of the wallets which you want to support with your dab

95. 1:01:56

    so I have chosen wallet connect metamask and save here but you can add more you can use injected wallets uh but overall metamask and wallet connect it covers almost for anything uh transports is just like the field mirroring your chains here so in some sense maybe they should have hidden that but probably it's done here choose the correct protocol by yourself uh anyways uh in the components you will

96. 1:02:27

    actually see the the stuff the real stuff happening let's for example take a look at the connect wallet so connect wallet uh component is really simple it just uses use account H from wagy and by using that you can just get this connected parameter from it so you will know if account it is connected and if account it is connected you will show the account component here if not connect connected you'll show connect

97. 1:02:57

    component and you have these two components in here uh they just display in the um like connect is basically the section where you can connect you you you see those buttons to connect your wallet there and it just Maps different types of the connectors you have described in your wagm config to these buttons so and after click you um just call the connect function here and it is

98. 1:03:28

    accessible via the use connect Hook from the vagy you just use use connect here same your connect function and cck just call it is the right connector and you can see that all of the available connectors are mapped here to the connector button so that's why I had a lot of the buttons at the top of uh the web project and it's kind of the same with everything else I mean for account you as you have already seen we are using us account and it allows

99. 1:03:59

    you also accept like accept the scene we all we already seen uh about being connected you can get the address of the account you can you can get the chain of the account so that's how I display the information on which chain we we have connected what balance the account does have uh you can see we also using use balance hook here with that address from the account and and we just got the result so it shows your balance in the base token there right away so my e

100. 1:04:32

     balance and it's kind of the same with the read contract uh but it uses different hook called use read contract uh and that read contract hook as you can see it just has the contract config so in contract config you need to provide the ABI so basically it's like contract API or like contract method signatures uh and what's useful VM already has a lot of uh the abis pre-prepared for you

101. 1:05:03

     so you can just import them like earc 20 AI earc 70 721 ABI and they will be just able to be reused in the code so I'm just putting that here like that instead of the address I put that predefine address of my watermelon contract uh and then I just splice it into the hook and say please call me the balance off function uh of that such and such address and that's how it's done basically so maybe people have seems relatively simple yeah yeah I guess I

102. 1:05:42

     guess I can stop here because we kind of almost out of time and maybe people have some questions in the case if I have missed something or you will have any more questions first of all you can come come to the the Discord and also please go to the doc aurora. and consult our documentation you'll find a lot of answers there uh the documentation exactly is describing the stuff I've been showing to you today it also has a lot more information about deployments

103. 1:06:12

     of the contracts and building the t is W so that's it I'm have my head spinning already from talking too much yeah I like this live stream because I got to just sit back and relax and learn about Aurora and learn about ethereum to be honest that's the result of the preparation you know I've been preparing for like two days well I did say you have the the most inventive and exciting slide so I'm going to try and incorporate that into my presentations in the future yeah

104. 1:06:55

     thank you very much yeah yeah you always should got some inspiration get some inspiration from the games you played in childhood or something like that it just has a lot of the emotional charge and you can just like bootstrap on that wave and just put the needed seats of the information in between you know so it's a cool idea I'm using it yeah I I'll give that one to go okay um thanks a lot for all that workshop

105. 1:07:26

     and presentation if you if Slava hasn't told you enough yet check out the docs and check out the Discord um anything else to add upon that I guess that's it I'm pretty tired already so have a see you see you let's let's develop something together let's do it okay thank you thank you thank youen thank you Owen for helping me out today it's been awesome to say great time reducted and the offsite we'll uh

106. 1:08:05

     we'll miss you though yeah me too