Bunzz đź› Intro to Bunzz
ETHGlobal·Mon, Oct 9, 2023, 12:00 AM
Join Bunzz for a workshop titled "Intro to Bunzz". Our first in-person appearance in 2023 is going to be an extra special one: We look forward to our inaugural Pragma and the first ever Hacker Café, plus a weekend packed with opportunities in one of the world's most fascinating cities is awaiting you! Spots are getting rarer by the day, as our prizes pool is now sitting at $375,000 in total. ----------------- Follow us: https://twitter.com/ETHGlobal​ Check us out: https://ethglobal.co​m Email us at: hello@ethglobal.com
Transcript
Creating decentralized applications has never been easier. Hi, my name is Shberi, a developer manager at Bonds. I am glad to see you at our virtual seminar. We will take a detailed look at how Bonds can simplify decentralized application development and save you time by launching and deploying smart contracts in 5 minutes. Bonds is a smart contract ecosystem, a hub with over 40 model combinations for different use cases, supporting 100 EVM-based networks.
At this time, we have between 8,000 and 8,500 deployed smart contracts. As a developer looking to build blockchain build blockchain applications, the Bonds ecosystem provides access to over 100 verified contracts. Simplify development through a graphical interface on any EVM-based network. This allows you to easily manage your application and interact with the deployed smart contract through our user-friendly user interface. Bonds supports popular contracts.
Bonds smart contract models have been combined for various use cases: for NFTs, DeFi, ERC20 tokens, ICOs, staking, and even DAOs. The Bonds ecosystem supports EVM-compatible networks, Ethereum, Polygon, Avalanche, and many others, giving you a wide range of choices for deploying contracts and applications on your preferred blockchain. We are represented in various media and support partnerships with communities to help developers grow. So let ’s get started and dive into an overview of the dashboard to see how Bonds can help you as a developer simplify and improve app creation. First, let's look at the explorer.
The explorer gives us access to a number of available advanced model templates. We can search among templates. We see the name of the templates, their launch date, an overview of the templates, and the authors who created them. Let's take a look at the payment splitter. Clicking on the payment separator will take you to the contract documentation page, allowing you to see how to use it, model parameters, functions, events, and the code change log.
The change tracking system allows you to see previous updates and edits made to the smart contract. The “How to Use” section provides an overview of how this smart contract can be applied. Step-by-step instructions Step-by-step instructions so developers can quickly start using and interacting with a smart contract in their preferred Web3 library. The functions section shows the functions available in smart contracts , including read and write functions. As we can see, clicking on a function gives access to its name, type, and description.
Code. Clicking on the code opens an overview of the code used in the smart contract. Now the payment separator. Click on the payment field to access the code, see the written smart written smart contract code, and features that will help you verify this code. We will soon launch a customization feature that will allow you to adapt this code in your IDE, add other features, and extend the capabilities as you see fit.
You can share contracts share contracts , distribute them on Twitter , and of course, deploy them. Let's take a look at the Bonds documentation. The Bonds documentation gives a much clearer idea of ​​how it can help you build your dApps better. Image description of the Bonds platform. So, where to start in Bonds: the basics.
Smart Contract Hub: How to Interact. Smart contracts deployed on Bonds can be interacted with using ethers.js. Web3.py, web 3.
js, and any other library you prefer. We see a documentation guide on how to invoke a smart how to invoke a smart contract, connect to a wallet, and the signer template codes are very important for Bonds. We want to give developers the advantage of using Bonds to quickly build dApps as they see fit. We will look at how to launch an ERC token using template code and deploy it on the BSC network using Bonds. So, let's go back to the Bonds landing page.
We can enter. You can register however you wish. I'm already logged in. So I'll just go out there as an example. So, yes.
Now I can come in here. OK. Enter your password. So, we logged into the Bonds dashboard. Since I am not a new user.
There are already various dApps on my dashboard. But if you are using it for the first time, you will definitely see the dApp creation card. So let's create a dApp. Clicking on create dApp will take you to the settings page. Since we are launching a crypto token, my name is crypto token, my name is Trust.
So I want to launch a Trust Token, and I'll just call it Trust Token. I already have it , but let's ignore this suggestion. So, Trust Token. Next, you need to select a network name. There are different options from mainnet to testnet for different EVM-based chains.
Well, let's use BSC. Click next. We press further. Next, you will need to select the smart contract model you want to use. Since you already know that we want to use use ERC20 token smart contracts ERC20 token smart contracts , we can use that.
But before that, these are Bonds models, designed by the Bonds team; these are also from the Bonds team. The "All" tab now displays models—small contracts developed by the Bonds team in collaboration with external developers. Of course, the contracts have been reviewed by experts, but they are all in the old tab. And smart contracts created by the BS team can be found in the BS models alert templates. Let's quickly use a simple token to create a simple ERC20 token, as the example required.
The token was a symbol; I'll call him T, okay? TT case, right? Trust Token, TOK for token, right? So, let's roll out the deployment. This allows us to connect our MetaMask, okay?
So, I haven't logged in yet, so I'm specifically logged in. So let's find it. Sign, OK, transaction confirmed, ERC20 token on the BSC testnet. What to do next? Now we have the ABI and contract address, which are very important for interacting with the smart interacting with the smart contract on your frontend using any of your favorite libraries.
There is a contract management button contract management button that gives you additional options for working with and managing your smart contract. You can see the write and read functions of these smart read functions of these smart contracts, and you can work with them. The functions interact with the smart interact with the smart contract using a graphical interface, similar to what is available in Remix, but to what is available in Remix, but of course with a much broader explanation of the descriptions of each function, and you can work with it and write using the graphical interface provided here. Done. We have a verification tab that allows you to copy and use information to verify smart verify smart contracts in your chosen block explorer.
At least using the template provided. I previously discussed that templates allow you to quickly start building dApps for different use cases. We have templates for ERC20, NFT, mint sites, and others that will be provided accordingly. Let's click on the ERC20 token. It redirects us to the GitHub repository, and we just need to clone that repository to our local directory using the Git command, link, or download the zip file download the zip file .
Let's download the zip file. So, we need to open the folder and find the ERC20 main folder and open it. Let me zoom in on this. Close this tab. Fantastically.
This is what it will look like when you clone ERC to your own IDE. We simply use the code in the preferred IDE you use. The first step will be to install the npm packages. Yes, installation. Okay, it's done.
But if this is your first time cloning a repository cloning a repository , you need to download all the packages required for it. The code has already been provided to us. We need to do two things to test the template, and now you can edit and customize it to your needs. First of all, it's worth taking a look at the ABI.json file.
Remember, we were given the ABI of smart contracts. We need to copy the ABI, go back to VS Code, delete the previous file, and paste the one we just copied because it's hard to read. So we need to format it. Yes, much better. Now it's easier to read.
So, I have to keep this. The second file we need to look at is the .env file. So we need to create an .env file if it has n't already been created.
ENV which is already here, and these are the two things you need to enter: the react app chain ID and the react app contract address. So, the application react app contract address. So, the application is react, but the contract address and chain ID are important. Remember, we are deploying this on the BSC test network, and the BSC test network chain ID is 97. So we have 97, and we have to copy the smart contract address and replace what's already here, and you'll see, once you do that, it's time to launch.
Of course, you can look at the other code. The file handles the mint button, related functions, progress messages, and the success message that appears. App.js gives us access to chain IDs, wallet connection functions, and more. So you can take the time to review the code and adapt it to your case for creating new applications.
So let's run this and see how it looks. It will be here, the command npm start. Okay, let's take a look. Localhost 3000. Great.
This is what it looks like. Yes, we are connecting our contract. So, we connected the contract. Bright. Now we are asked to asked to mint the contract.
Let's confirm. Let's see what we have. Copy the address and go to the BSC blockchain explorer. Let's take a look at the BSC chain. Good.
Sorry. BSC meant a test network. This is actually the main BSC network, but was supposed to be a test network. Yes. B.
S.C. Let's enter the address we just copied and test it. So, the balance is zero, but the transaction is confirmed. So, the creation is confirmed, and several events.
Good. OK. Let's get back to our plan. Review the contract version we received by clicking "manage contract "manage contract " to see if it works. So, listen using the graphical interface.
Enter the recipient here. Let me just insert 15. That's 500,000 tokens, recipient, our smart recipient, our smart address here. So, I'm putting this in here and coining it. So, do I have to pay a commission for gas?
You must pay and it will be successfully minted. We click on the conductor, success. This is a confidence test and we have 0.05. Good.
Let's check it out by clicking here. Click on the address and it was 37 minutes ago for TDC, our token that we deployed, it's one address. Here's how you can get around this, and you can do the same thing with code you deploy from your IDE. You can also do the same with EUI here, checking contract balance or authorization. You can cancel and transfer ownership, and perform post-minting transactions as you see fit.
You can review the documentation for more use cases, which will give you a clearer understanding of how to simplify your work, how to improve interoperability across models, and of course, familiarize yourself with the many models available for different purposes. It can be run on moco tree. You have a mirror on edge cro if you want to create a freelance create a freelance service on the blockchain with edge cro payment functionality, similar to how it is done on freelancer.com, fiverr or upwork, like an escrow contract, supporting real offices for NFT offices for NFT marketplaces, etc. So, you can view, explore, and deploy smart deploy smart contracts.
Copy the API and the current address, paste it into your interface to interact with it using using any of the available libraries. We are constantly updating constantly updating . We are constantly updating the smart contract hub with new contracts for new use cases in different applications to help developers build dApps faster. If you have any questions, you can leave them in the comments section. I'd be more than happy to chat, or you can join Discord and ask questions to the developer community there.
We will be happy to help you with the development and answer your questions. Thank you very much questions. Thank you very much , and we look forward to seeing what you create using the plans platform.
Automatic transcript — names and jargon may be misspelled.