Projek Belajar Rantissi

Apa Itu Aplikasi Web3?

Secara umum, Web3 App terdiri dari 3 bagian:

🧠 Smart Contract

• Ditulis dalam Solidity
• Dideploy ke blockchain (misalnya testnet Ethereum)
• Berisi logika aplikasi (misalnya: mint NFT, simpan data, voting, dll)

🌐 Frontend App (UI)

• Dibuat dengan HTML, JavaScript, React, dsb
• Tempat user berinteraksi
• Dihubungkan ke smart contract melalui Web3 library

🔌 Web3 Library

• Menghubungkan frontend ke blockchain
• Contoh:
  • ethers.js → modern, ringan
  • web3.js → lebih tua, tapi masih banyak dipakai

---

Tools yang Akan Kita Gunakan

Tool	Fungsi
MetaMask	Wallet untuk mengelola transaksi
Remix IDE	Menulis & deploy smart contract di browser
Hardhat	Framework profesional untuk dev smart contract
Alchemy / Infura	API node Ethereum (akses blockchain tanpa node sendiri)
Ethers.js	Menghubungkan frontend dan smart contract
React	Framework frontend modern (bisa juga pakai Next.js)

---

Arsitektur Sederhana Web3 App

Frontend (React)
│
├── ethers.js
│
└──> Smart Contract (Solidity, di blockchain)
     |
     └── Ethereum (Testnet: Sepolia, Goerli, dll)

Kamu hanya perlu koneksi wallet + jaringan testnet + kode yang terhubung ke smart contract.

---

Apa yang Kita Bangun Pertama?

➡️ Untuk pemula, kita akan buat dApp sederhana, misalnya:

• Aplikasi voting (pilih opsi A atau B)
• Sistem kirim pesan ke blockchain
• Atau mint NFT dari tombol UI

Tapi hari ini cukup paham konsep dasarnya dulu ya.

---

Rangkuman

• Aplikasi Web3 terdiri dari:
  • Smart contract (backend)
  • Frontend (UI)
  • Web3 library (penghubung)
• Tools utama:
  • MetaMask, Hardhat, Remix, ethers.js, React
• Kita akan mulai dari proyek paling sederhana, lalu bertahap ke yang lebih kompleks