Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/canhta/nuxt2-web3
Simple dApp using Nuxt.js 2, Web3.js, and Metamask for interacting with the Tron blockchain
https://github.com/canhta/nuxt2-web3
dapp metamask nuxtjs trc20 web3js
Last synced: 30 days ago
JSON representation
Simple dApp using Nuxt.js 2, Web3.js, and Metamask for interacting with the Tron blockchain
- Host: GitHub
- URL: https://github.com/canhta/nuxt2-web3
- Owner: canhta
- Created: 2024-05-28T16:51:05.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-28T16:56:28.000Z (8 months ago)
- Last Synced: 2024-11-04T19:25:03.061Z (3 months ago)
- Topics: dapp, metamask, nuxtjs, trc20, web3js
- Language: Vue
- Homepage:
- Size: 248 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:**
```bash
git clone [email protected]:canhta/nuxt2-web3.git
```
2. **Install Dependencies:**
```bash
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:**
```bash
npm run dev
```
## Acknowledgements 🙏
- [web3.js](https://web3js.readthedocs.io/)
- [Metamask](https://metamask.io/)
- [Tron](https://tron.network/)