canhta / nuxt2-web3

Simple dApp using Nuxt.js 2, Web3.js, and Metamask for interacting with the Tron blockchain

Nuxt.js 2 + Web3.js + Metamask Starter Kit 🦊

This project is a proof-of-concept (POC) that demonstrates how to build a simple decentralized application (dApp) using Nuxt.js 2, Web3.js, and Metamask for interacting with the Tron blockchain.

Features 🚀

• Metamask Connection: Connect users' Metamask wallets to your dApp.
• TRC20 Token Deposits: Deposit TRC20 tokens (e.g., USDT) onto the Tron blockchain.

Prerequisites 🛠️

• Node.js v13+
• Metamask browser extension installed

Getting Started 🎬

1. Clone the Repository:

   git clone [email protected]:canhta/nuxt2-web3.git

2. Install Dependencies:

   cd nuxt2-web3
   npm install

3. Configure Environment:

   • Create a .env file in the root of the project.
   • Add your TRC20 token contract address and ABI (Application Binary Interface):

     USDT_CONTRACT_ADDRESS=your_usdt_contract_address
     USDT_CONTRACT_ABI=your_usdt_contract_abi
     

   • Make sure Metamask is set to connect to the Tron network.

4. Start Development Server:

   npm run dev

Acknowledgements 🙏

• web3.js
• Metamask
• Tron