Skip to content

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

Notifications You must be signed in to change notification settings

canhta/nuxt2-web3

Repository files navigation

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.

Homepage

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 git@github.com: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 🙏

About

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

Topics

Resources

Stars

Watchers

Forks