Web3Auth Workshop - ETHGlobal Brussels 2024

[Music] awesome hello everyone I'm Yash from weo here's my colleague shabaz as well and we're going to talk to you about what weo has to offer in this hackathon what are the things we do uh generally and how we simplify the whole onboarding process into the web3 world and you can of course win up to $10,000 worth of prizes we are giving away at e Global okay so before we start forward I have a small question for you like what was the first dab usage experience for you like any kind of dab you might have used when you were just trying out web3 anybody like you were just new to web3 and what were you doing at that point of time like what was it difficult like was it like intimidating or how how did you actually access it okay yeah everything right exactly and did you know what exactly was metamask and how it work about it like as a particular newb not very web3 Savvy as such right felt like maybe you have to create a vast wallet and sign a transaction and should I create a wallet should I not what it is so think about as a general user think about your grandom for example I will say so for them it's like very intimidating right you have to understand what are the web three wallets you have to install a wallet extension like metamask you have to onv to the application you sign everything set of a street phase a lot of things and for a general person using web to they're like one click loog Google login I'm done I'll start using the application as simple as that so this is what what we stand for we think that we3 should not be this as easy as using a web2 application and because of this if you might have seen because of these unfamiliar and complex flows a lot of people have lost their just funds Bitcoins have been 3.6 million worth of Bitcoins have been lost and this was when Bitcoin was at 30k so just double it so there's a lot of money that has been lost around because of this High skill needed just to access these web and this is where webo comes in we help people to use where they're already comfortable with a simple SSO like Google Facebook anything whatever they comfortable with just enter the application one click log in and you are done just simplifying the whole thing and this has increased the adoption rate uh quite a lot it is easy you can easily Trust and re access the same key you don't have to think about it and it's highly secure because it's powered by an MPC back end and you are totally non-custodial loog so this these are the main challenges we tackled with the webo MPC seamless non-custodial Key Management experiences compatible with all existing authentication methods that are already there mostly following the or uh two standard or through standard and it's performant globally and scalable as well have right now a lot of users already using this over 21 million monthly active users we have right now so I talked a lot about why we need this and what I want to talk about how it works so that when you are using it in your application you actually know what so as you can see over here like a very complex chart but uh you can think about your frontend of your front end application somebody can just trigger a login maybe we have given a demonstration of odd zero it can go to odd zero Google Facebook whatever from there these login providers which are basically present ID token a simple ID token that is the O2 standard as soon as you get the ID token you pass it over to the web3 O SDK and the web3 SDK will generate a private key for you how does it generate this particular Au Network basically host hosts are node which have uh a key value pairer kind of storage of a part of your private key right uh and what happens is when somebody gives you the ID token get the ID token these nodes validate the ID token if it's a correct ID token or not and pass over their share the front end inside of the front end uh we dynamically reconstruct the private key that we can get the final private key of the user and this is our sh secret sharing based architecture for MPC based architecture we do partial signing across all the nodes and those partial signs are aggregated in the front end to form a final signature and that final signature can be sent to the blockchain to do any and you have directly native providers for all the blockchains available just use it right off the back there are multiple ways you can use this one way is to pass the M ID token and everything manually so that you have more control over the flow that or you can use our plug-in play sdks where the this whole thing is managed for you end to endend directly as well so this is the whole vrio architecture uh we'll be going towards talking on what particulars you can do as well and what are the specifics you can do some prices at this hackathon as well but as you can see all the chains mostly everything we are gen agnostic every kind of login out there and all the platforms are supported as well you can build upon Android iOS react native flutter Unity unreal and web of course all types of Frameworks like and you can uh integrate external wallets as well with us and you can use directly through the web so let's see in action my colleague shabaz is here will help you go through the documentation show you around with our quick guides and how it works thanks yes uh hi my name is shabaz how to use it but before that let's quickly see if demo works with us UMO so think of this more of like if you want to integrate your application into your application how basically this will look like uh given that the internet uh is how it is uh I I'll try to see if if it gets through network if not I'll just uh walk you through about the integration guide and how quickly to get you started but at least I just want to show you how the modal looks like maybe the uh this gives you adist of like how prepared you need to be during the hackathon but as soon as you uh you know integrate web3 you will be presented so this is our plug-in play solution so you don't have to configure a lot of things just simple lines of code I'll show you how it looks like and then you'll be able to do like this basically Google login or login with any of the social providers also your email and and and the stuff uh goes on right uh given the internet I highly doubt that this will go through but I'll try my best um okay okay um and you'll have like all of all of your details this uh particular demo tries to Showcase more of your you know personal info uh we have something called pass Keys as well you'll be able to register through that this demo does not show that but you'll be able to do that in your haathon as well um like other services like wallet Services nftd services and whatnot so let's see how this looks like behind the scene so this is our quick start uh very much easy to navigate from our documentation or our website uh so as it goes through you will be able to select from the offerings of the product like from Plug and Play to cor kit right and each plug and play and ckit will have different offerings from BNP uh web or the modal or maybe you might not want the modal what we are presenting to you or maybe you have an existing design you just want to integrate it with your existing system right so you can choose no modal and then uh list goes on from mobile application from Android iOS react native flutter and unity even if you want to integrate with your know gaming application steps are very simple you just integrate it right um the same goes here if you want to try out like how this particular things looks like in Android when you click on preview um since the internet is not there you'll be able to present it uh a mobile view would be presented which is an actual application how it looks like um you can play around and and see how basically this looks like um so let's see the mo mobile sorry the web modal one uh the steps are very uh straightforward if you see it here I'll try tode it steps are very simple you install it or you can choose uh the digit command the one here so this is a boiler plate you'll be able to just one click just download it through the terminal and you'll be able to run it very quickly using these couple of lines if not you wanted to integrate in your existing application steps are as simple as that like you install it and then uh the one thing what you need is uh web3 dashboard account or a developer account which is free to sign up um again the links are here feel free to sign up you'll get you'll be able to create a project because we need something called client ID and if you want more of the technicalities like you want to host your own verifier for example your custom Google login you'll be able to do that through the project setup and creating a verifier so the steps are simple um uh I just don't want to waste uh most of our time here about like if you have any queries about this um then I'll jump straight away jump to the documentation this is a documentation web 3.doc uh all of our sdks are listed here the SDK reference um everything around that and I think at this point I just want to showcase like what are all prices we are offering uh at this hackathon so there are like bunch of sdks that we offer Plug and Play the other one is core kit but if you have seen the first one this is like SFA which comes under the core kit so for SFA we have $2,000 if you integrate it with SFA uh for Plug and Play there is another two $2,000 if you want to integrate with mobile or gaming then there is another 2,000 technically you can get this three plus two as well if you have a like a grand grand grand price for overall you know the best solution that people have built using web3 and there is something very new about uh Global accounts uh so we'll be sharing more of the resources in the partners withb three the Discord if you have any queries about any of our prizes what this particular entails uh feel free to share that uh your questions or uh feel free to reach out to me Yash Elisha or anybody wearing web3 or t-shirt we'll be happy to you know take your queries or if you have any you know integration issues will'll be happy to address those as um yeah apart from these yes you want to showas so let me just go into each one of each one of these prizes one by one and what you need to do to actually win these right so if I go to maybe I want to have like a native experience with my app abstraction on top of web and things like that I can utilize the single Factor o as well as the plug-in Play application single Factor H needs more uh like work a bit of work from your side but the whole because here you will be handing the authentication part of it taking the ID token from uh Google or whatever and giving it to the SDK SDK is extremely lightweight because it just does one thing takes your ID token generates a private key that's it as simple as that the particular resources have been mentioned the quick start and examples everything is over there the bonus points if you want to win a really good prize on this is use the keys plugin we have introduce something using which you can just demo about that basically this has a login through pasy as well okay so I think I might have a passy over here okay so with the Easy Pass Key login I can just get in if you have extra bonus um if you use web wallet services in the demo you might have seen this and inside of this whole UI you can just configure whatever you want that directly from the UI have uh wallet connect interoperability and so that is also available then using uh wallet pregeneration which is a new feature uh basically without even authenticating a user you can generate their wallet address using some of maybe the Google email for example that to airdrop nfds or airdrop anything you want even before they have logged into the application as well you'll get extra bonus points so uh the qualification is very simple you have to just integrate the web of SDK uh get the particular up and running wallet inside of that you just have to add the test demo using web3 that's the basic qualification uh requirement for all our uh all our SD make a demo in which right next is our plug-in play sdks uh plug-in play SDK is pretty simple uh if you go to our integration Builder it's literally a four-step process plug play you can use either mod or no mod you can preview those applications directly as well and uh you just have to get a client ID initialize web you can just code and you can just do login that's it it's as simple as that if you do this and additionally use multiactor authentication custom authentication which is an inbuilt thing you have to use for uh use wallet Services as I talked about earlier and if you're using react you can use hooks if you use additional things you can points as well uh all the resources are directly given over here you can see there you are a mobile or gaming developer you have additional things have our SFA as well as Plug and Play so when I talk about SFA I talk about corit SFA then single it has MPC as well giving out prices for MPC it's like more of Enterprise SDK particular side of cod kit and plugin play all the and for mobile if you just in your or gaming application points are here for bonus what we have mentioned above shabas has already talked about the Grand priz and we are mostly looking at the ux have done over here the idea feasibility as and you around your project on X and things like that as well finally uh as shabas mentioned about the global accounts we'll be making a guide very soon new beta SDK that we have it's a very low LIF it's a wet that you can just uh and that is also available if you you don't want that is also a um for any questions maybe you want to if you want to or anything like that to us right in the multiple things so there community. active community 90% of the times is already Sol have a look over there so I guess those were the main things and if you have any are availableon so just check out our booth questions anybody please so you want to verify whether the user the back end basically whether this user is the correct user or not there's a feature called server side verification if you uh what we do is we generate an ID token in the frontend which you can send it over to the back end and verify whether this particular person uh like public key is the same or not if it's the same this user is verified if not it's a different user it's so you can directly do that using this as well have any questions just come here we'll just show you uh World ID integration you can just use the world ID generate an ID token send it over to web3 or SDK the SFA or plug-in play and you can generate a p uh I guess the time is up is it okay yeah sure sure thanks a lot for joining everybody [Music]