Cara membuat DApp di GitPod menggunakan jaringan Condor Testnet

• Fork ini

  https://github.com/Megumiiiiii/scaffold-eth

  • Jangan ceklilst Copy the master branch only

• Lalu create New Workspace di GitPod

• Salin link GitHub mu setelah fork dan paste disini

• Pilih open in browrser

• Allow installation

• Tunggu semua proses ini selesai

• Buka file hardhat.config.js di packages/hardhat/hardhat.config.js

• Cari defaultNetwkork

• Ganti menjadi condor

• Pastikan jaringan condor sudah ada di file hardhat.config.js

• Langkah selanjutnya buka file app.jsx di packages/react-app/src/App.jsx

• Cari initialNetwork

• Ganti menjadi NETWORKS.condor;

• Masih di file App.jsx cari targetNetwork

• Ganti menjadi NETWORKS.condor;

• Selanjutnya, buka file constants.js di packages/react-app/src/constants.js

• Dan pastikan sudah ada jaringan condor

• Lalu buka terminal baru

• Jalankan command yarn run generate dan isi 1 CONDOR ke address itu

• Setelah itu, jalankan condor yarn deploy --network condor

• Salin txhash dan cek di explorer untuk memastikan

• Jika deploy sudah berhasil, jalankan command yarn build

• Setelah berhasil, jalankan command yarn surge dan login menggunakan akun surge yang kemarin

• Coba buka website mu dan ubah purpose di bagian debug, connect wallet menggunakan jaringan Condor Testnet

• Jika berhasil, pesan mu akan muncul disana

Sudah

https://megumii.tez.page/

Cara membuat DApp menggunakan Replit

• Pertama buatlah Smart Contract baru yang mendukung fungsi Comment menggunakan Remix IDE

• Buka Remix IDE

• Buatlah file .sol baru

• Lalu pergi ke GitHub yang sudah disiapkan

  https://gist.github.com/Megumiiiiii/24fb5370692d78be993307cb1f5b1921

• Copy dan Paste kedalam file tadi

• Compile menggunakan Compiler 0.8.0+commit.c7dfd78e

• Deploy dan Approve di Metamask

  Untuk membuat DApp, Smart Contact tidak perlu di Verifikasi

• Untuk penjelasan lebih detail cara membuat Smart Contract bisa baca disini

  https://mirror.xyz/megumii.eth/9YpiIWydDYYq1zoWkUcntr3nU1Yh_qjwlYwirJj7cgY

• Selanjutnya pergi ke Replit

• Pastikan sudah memiliki akun Replit

• Jika belum silahkan daftar

• Selanjutnya pergi ke Replit milik hsl947 dan fork

  https://replit.com/@hsl947/Condor-Comment-Panel?v=1

  • Ubah namanya

• Setelah itu ke buka menu File

• Pilih pages/index.tsx

• Pada bagian defaultProvider ganti RPC URL nya sesuai dengan Metamask mu , disini saya menggunakan http://66.42.86.39:8545

• Selanjutnya buka File hooks/useCommentsContract.tsx

• Buka lagi Remix IDE , pergi ke menu Deploy & Run Transactions

• Dan salin Contract Address yang dibuat diawal

• Lalu ganti Contract Address yang ada di File hooks/useCommentsContract.tsx dengan Contract Address mu

• Selanjutnya ke menu Console dan klik Play ,jika menggunakan PC tombol Play ada dibagian atas

• Tunggu sampai ada successfully

• Lalu ke menu Website, klik tanda panah di pojok kanan atas

• Coba untuk melakukan satu transaksi (selalu gunakan Burner Wallet)

• Klik Sign In untuk Connect Wallet dan konfirmasi di Metamask

• Tulis apapun, dan klik submit

• Approve di Metamask

• Dan lihat di Metamask, jika ada riwayat transaksi Contract Interaction berarti berhasil

• Untuk memastikan, cek juga transaksi itu di explorer. Sesuai dengan catatan tadi atau tidak

DApp siap disajikan!

Happy Testing💜

https://megumii.tez.page

Cara membuat DApp (Tipping Site) sendiri menggunakan Replit

• Buka Replit

• Daftar menggunakan akun GitHub atau Gmail

• Lalu pergi ke

  https://replit.com/@thatguyintech/BuyMeACoffee-Solidity-DeFi-Tipping-app

• Setalah itu fork konten nya

• Ubah namanya dengan nama akun discord mu atau apapun yang kamu mau

• Setelah itu, buka file index.js

• Pada bagian contractAddress ganti dengan address walletmu

• Lalu, tekan pencarian di pojok kanan atas

• Klik itu

• Dan cari kata Albert , setelah itu pilih salah satu

• Ubah semua hal yang Albert-Albert

• Disini saya mengganti menjadi Test

• Play

• Tunggu sampai proses ini selesai

• Jika sudah muncul seperti ini, berhasil

• Lalu tekan tanda panah itu

• Copy link nya

• Buka di browser

• Cobalah untuk melakukan 1 transaksi (Gunakan burner wallet)

• Kirim link DApp mu ke Discord

DApps berhasil diluncurkan

Terima Kasih💜

https://megumii.tez.page

How to deploy a Smart Contract on Condor Testnet using Remix IDE

• Go to Remix Ethereum

• Then on the File Explorer, create a new .sol file

• My file name is test.sol

• Then, go to GitHub. There I have prepared the source code that you can use

  https://gist.github.com/Megumiiiiii/a3514e4406719859930e0ee0a537b4ee

• Change the Contract Name, Token Name, Symbol, and Total Supply as you like

• After you adjust, copy everything and put it into your .sol file in Remix

• After that, we need to compile that file

• Before we compile the file, the first thing to do is choose the Compiler according to the one in the source

• Here use ^0.8.2

• So, we will choose 0.8.2+commit.661d1103

• Then Compile

• After something like this appears, it means the Compile process has been completed

• Then, go to Deploy & Run Transactions

• Switch the Environment from Remix VM (London) to Injected Provider - Metamask

• Make sure Condor Testnet has been added to your Metamask

• After it, click Deploy

• Approve the transaction in your Metamask

• You will see a list of functions of your Smart Contract

Your Smart Contract has been successfully deployed

The next step is to verify your Smart Contract in Explorer

How To verify your Smart Contract

• Go to Condor Testnet

• See your txhash when deploying Smart Contract

• Check your Smart Contract details

• Click Transaction, then choose Code

• Click Verify & Publish

• Next

• Then submit all information from your Smar Contract

• Fill Contract Name with contract name on your source code

*

• Include Nightly Builds choose No

• Choose the Compiler same as before we used on Remix

• EVM Version choose default

• Optimization choose No

• Then back to Remix, copy everything in the .sol file

• Paste to Enter the Solidity Contract Code

• Try to fetch constructor arguments automatically choose Yes or No is up to you

• ABI-encoded Constructor Arguments (if required by the contract) just fill it blank

• Last, click Verify & Publish and wait till it complete

Happy Testing💜

https://megumii.tez.page/

Cara deploy Smart Contract di Network Condor Testnet menggunakan Remix IDE

• Buka Remix Ethereum

• Lalu pada tampilan awal pilih Solidity

• Setelah itu buatlah file baru

• Disini saya menggunakan nama condor.sol

• Lanjut ke Github ,disana sudah ada code yang bisa digunakan

  https://gist.github.com/Megumiiiiii/ee796a1e2ff6334ebf15fd4d91ecfa17

  • Ubah semua yang ditandai dengan apapun yang kamu mau, isi minter dengan address dari wallet mu . Symbol ,nama token,total supply bisa diubah sesuka hati

  • Bisa juga menggunakan source code yang lebih simple (konsep mengerjakannya sama)

    https://gist.github.com/Megumiiiiii/a3514e4406719859930e0ee0a537b4ee

• Setelah disesuaikan, paste semua code tadi ke dalam file .sol yang kita buat di awal

• Lalu pergi ke menu Solidity Compiler

• Karena didalam code kita menggunakan Solidity versi 0.8.2

• Maka kita ubah Compiler nya sesuai dengan versi yang sama v0.8.2+commit.661d1103

• Selanjutnya kita Compile

• Jika sudah muncul seperti ini , berarti file itu telah ter-compile

• Selanjutnya pergi ke menu Deploy & Run Transactions

• Ganti Environment ke Injected Provider - Metamask

• Pastikan Jaringan Condor Testnet sudah ditambahkan ke Metamask mu

• Selanjutnya, pada bagian Contract ubah IcyTail - contract/condor.sol menjadi Token - contract/condor.sol

• Lalu klik Deploy dan Approve transaksi itu di Metamask

• Jika sudah akan ada banyak fungsi dari Smart Contract yang kita buat tadi

Selanjutnya adalah langkah untuk memverifikasi Smart Contract

• Copas semua Code dari Smart Contract tadi

• Lalu pergi Explorer , cek riwayat transaksi saat membuat Smart Contract

• Lihat detail Smart Contract tersebut

• Pilih menu Code

• Klik Verify & Publish

• Next

• Pada bagian Contract Name ,isi dengan nama yang ada di code tadi

• Di Compiler pilih v0.8.2+commit.661d1103

• Paste semua isi file .sol ke Enter the Solidity Contract Code

• Try to fetch bla bla bla pilih Yes atau No bebas dan ABI-encoded bla bla bla tidak usah diisi

• Terakhir Verify & Publish ,dan tunggu sampai selesai

  Cepat atau tidaknya tergantung amal dan perbuatan

Terima Kasih💜

https://megumii.tez.page