Skip to content

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

9 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

🚀 Web3 Token ERC FrontEnd React

License: MIT
Node.js


📝 Deskripsi

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.


✨ Fitur Utama

  • 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

⚙️ Instalasi

Persyaratan

Langkah Instalasi

# 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_

🧪 Testing Application

Berikut langkah-langkah pengujian aplikasi agar kamu bisa mencoba fitur utama dengan lancar.


1. Login dengan Connect Wallet

Saat pertama kali membuka website, kamu harus menghubungkan wallet kamu dengan aplikasi.

  • Klik tombol Connect Wallet
  • Verifikasi menggunakan ekstensi wallet MetaMask di browser kamu

Connect Wallet MetaMask


2. Klaim Faucet Token EchoShow Symbol ECS

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

Claim Faucet


3. Kirim Token EchoShow Symbol ECS ke Teman

Kamu dapat mengirim token EchoShow Symbol ECS ke alamat teman dengan mudah melalui aplikasi ini.


Langkah-langkah:

  1. Masukkan alamat wallet teman yang ingin kamu kirimi token pada kolom input yang tersedia.
  2. Klik tombol Send untuk memulai pengiriman token.
  3. Konfirmasi transaksi melalui wallet MetaMask kamu.

Konfirmasi Transaksi

Konfirmasi Transaksi MetaMask


Riwayat Transaksi Wallet

Riwayat Transaksi Wallet


Token Berhasil Dikirim

Token Berhasil Dikirim


Detail Transaksi di Blockchain

Detail Transaksi di Blockchain


4. Ecosystem Token EchoShow Symbol ECS

Berikut adalah gambaran ekosistem token EchoShow Symbol (ECS) yang mencakup fitur dan interaksi utama dalam aplikasi.

Ecosystem Token EchoShow Symbol ECS


Catatan:
Pastikan alamat wallet teman sudah benar dan wallet kamu terhubung ke jaringan Sepolia Testnet agar transaksi berhasil. alamat contract Token Ecoshow ECS : 0x25B836Bbca7574003Dd102a44C4805da20d78296

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages