Native Meta Transactions

Search…

🔰

Building your first meta transaction enabled DApp

This tutorial is a step by step approach of making a simple DApp (Decentralized Application) on Ethereum Blockchain from scratch creating both smart contract and the client side UI.
Then we'll be enabling native meta transactions in the smart contract and at last enabling gasless transactions in the DApp by integrating Biconomy SDK (Mexa) on client side.
Demo Code https://github.com/bcnmy/dapp-demo​
Live Demo https://dapp.biconomy.io/​
Prerequisite
This tutorial assumes you know the basics of Solidity programming on Ethereum, basics of reactjs and nodejs.
Click on the links above to know more about the topic.
What to expect in the tutorial
This tutorial is divided into three sections
​Building a simple DApp​
We'll be creating a simple Quote Owning DApp where a quote will be shown on the screen along with its owner information. Anyone can update the quote stored on the blockchain using his account and everyone will see the changed quote with the new owner information. Simple enough? 
​Enable Native Meta Transaction ​
Now we have a simple DApp with a smart contract and a user interface to interact with the smart contract. In order to enable native meta transactions in this DApp, we need to do some modifications in the smart contract so that we can get rid of msg.sender property from our smart contracts.
Integrate Biconomy to enable meta transactions
Now we have everything setup, last step is Biconomy integration to convert a bad user experience into a magical user experience. You'll see it yourself at the end of tutorial. 
 Quotes DApp
Let's get started 🚀
 

Configuration

How To Build Your First DApp

Last modified 2yr ago

Copy link

On this page

Prerequisite

What to expect in the tutorial

Prerequisite

What to expect in the tutorial

​Building a simple DApp​

​Enable Native Meta Transaction ​

Integrate Biconomy to enable meta transactions

Building a simple DApp

Enable Native Meta Transaction