Aplikasi frontend berbasis Web3 untuk token ERC-20, dibangun dengan Solidity dan React.js menggunakan Vite sebagai build tool.
Mendukung interaksi dengan smart contract ERC-20 dan integrasi dengan wallet MetaMask.
- Integrasi penuh dengan smart contract ERC-20 token
- Kirim token EchoShow ECS ERC-20 secara mudah
- Dukungan wallet Web3, khususnya ekstensi MetaMask di browser
- Claim Faucet token EchoShow ECS dengan gas fee ETH di jaringan Sepolia Testnet
- Faucet ETH Sepolia Testnet:
https://cloud.google.com/application/web3/faucet/ethereum/sepolia
- Node.js versi 14 atau lebih baru
Download: https://nodejs.org/
# Clone repository
git clone https://github.com/epaweb3/Web3-TokenERC-FrontEnd-React.git
cd Web3-TokenERC-FrontEnd-React
# Install dependencies
npm install
#Run Application
frontend
npm run dev
backend
npm hardhat node
#Compile Backend
npx hardhat compile --force
#Backend Deploy Token ERC-20
npx hardat run folder_deploy/script_deploy.js --network sepoila
#Setting ENV
SEPOLIA_RPC_URL=YOUR_RPC_URL_INFURA_OR_ALCHEMY
PRIVATE_KEY=YOUR_ADRESS_PRIVATE_KEY_
Berikut langkah-langkah pengujian aplikasi agar kamu bisa mencoba fitur utama dengan lancar.
Saat pertama kali membuka website, kamu harus menghubungkan wallet kamu dengan aplikasi.
- Klik tombol Connect Wallet
- Verifikasi menggunakan ekstensi wallet MetaMask di browser kamu
Setelah berhasil login, kamu dapat mengklaim token dari Faucet.
- Klik tombol Claim Faucet
- Verifikasi transaksi pada wallet MetaMask
- Gas fee menggunakan ETH di jaringan Sepolia Testnet
Kamu dapat mengirim token EchoShow Symbol ECS ke alamat teman dengan mudah melalui aplikasi ini.
Langkah-langkah:
- Masukkan alamat wallet teman yang ingin kamu kirimi token pada kolom input yang tersedia.
- Klik tombol Send untuk memulai pengiriman token.
- Konfirmasi transaksi melalui wallet MetaMask kamu.
Konfirmasi Transaksi
Riwayat Transaksi Wallet
Token Berhasil Dikirim
Detail Transaksi di Blockchain
- Link transaksi di Sepolia Etherscan:
https://sepolia.etherscan.io/tx/0x0a4a1dfac72bf736506906b48887ed4c46d602b8ecdb481f7ab2863cdcaca95b
Berikut adalah gambaran ekosistem token EchoShow Symbol (ECS) yang mencakup fitur dan interaksi utama dalam aplikasi.
Catatan:
Pastikan alamat wallet teman sudah benar dan wallet kamu terhubung ke jaringan Sepolia Testnet agar transaksi berhasil. alamat contract Token Ecoshow ECS : 0x25B836Bbca7574003Dd102a44C4805da20d78296