# Condor Testnet Task 2 - Release a DAPP

By [Souleigh](https://paragraph.com/@souleigh) · 2022-09-24

---

In the first task of deploying a contract, we have learned how to deploy an on-chain contract,

If not, you can refer to the official tutorial and the tutorial of joio.eth.

[https://mirror.xyz/0x5953D009299f31fac1d7B08176Cc7a7A571405Cb/RtPby\_mY-It-cF4-kqH8wwugBlurQL6\_qy4VUu8Ixfc](https://mirror.xyz/0x5953D009299f31fac1d7B08176Cc7a7A571405Cb/RtPby_mY-It-cF4-kqH8wwugBlurQL6_qy4VUu8Ixfc)

[https://mirror.xyz/joio.eth/uW3qffe\_byHABaMCcE9b8bbAPbfhj\_d9xSqdCu4Knv4](https://mirror.xyz/joio.eth/uW3qffe_byHABaMCcE9b8bbAPbfhj_d9xSqdCu4Knv4)

Develop DAPP
------------

> Note: This tutorial must use the following supporting contracts (Comments) to use this DAPP normally, otherwise the operation will report an error!
> 
> [https://explorer.condor.systems/address/0x9b6c936c9fa2a9e3fCbB10C2163a148e7A47CB7B/contracts#address-tabs](https://explorer.condor.systems/address/0x9b6c936c9fa2a9e3fCbB10C2163a148e7A47CB7B/contracts#address-tabs)

The second task needs to write a testnet application (dapp). At this time, we can use the contract in the first task to perform various contract operations.

Here I will take the dapp released by myself as an example to illustrate.

![my example dapp](https://storage.googleapis.com/papyrus_images/78a50d6424849b6eb3fcfff0bc2172aaed4f51a3d526025e0862cdc49a629936.png)

my example dapp

Open my dapp example address
----------------------------

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

Click “Fork Repl”, the repository name and introduction can be confirmed directly without changing.
---------------------------------------------------------------------------------------------------

![Fork-1](https://storage.googleapis.com/papyrus_images/371b58ed58cba85fd10c1be6d6d4442871c92cf1bba3c542f50ed9dbe5abd07a.png)

Fork-1

![Fork-2](https://storage.googleapis.com/papyrus_images/7886a2b10a84e4640d74ca82705bb00f3a7ce3fb700a9d204d65f472649a9d44.png)

Fork-2

After Fork, the code will be automatically opened, and then we only need to modify a few codes
----------------------------------------------------------------------------------------------

1.  Modify the RPC address in `pages/index.tsx`
    
2.  Modify abi and contract address in `hooks/useCommentsContract.ts`
    

### In fact, I have replaced the RPC address here with the correct one, which can be skipped here.

![Modify the code](https://storage.googleapis.com/papyrus_images/92f742d4b781065f1f9a95afc2b8b2c32f5edf76e66817911883e15165127df0.png)

Modify the code

![Modify the code](https://storage.googleapis.com/papyrus_images/419307662af376d607e3e68b93212811f81826e136b2808f369385194f94892c.png)

Modify the code

For this, we need the contract address and abi information. I will use the contract example of this dapp to illustrate.
-----------------------------------------------------------------------------------------------------------------------

#### This is my open source contract, you can copy the code and redeploy it

[https://explorer.condor.systems/address/0x9b6c936c9fa2a9e3fCbB10C2163a148e7A47CB7B/contracts#address-tabs](https://explorer.condor.systems/address/0x9b6c936c9fa2a9e3fCbB10C2163a148e7A47CB7B/contracts#address-tabs)

### Get the contract address and copy it directly in the lower right corner after deployment

![Get contract address](https://storage.googleapis.com/papyrus_images/2df7c3e07d07a324b985943fb736abb19fe76ab83e8a80e7ad1edc11f0748458.png)

Get contract address

### There are two ways to get abi information

*   If the contract has been verified, you can see `copy abi` in the `Code` column of the block browser
    

![Find the Code](https://storage.googleapis.com/papyrus_images/8321ed6e0b1d795fe21fca429118bb179877015f3e0b82981231985967e6c751.png)

Find the Code

![Copy abi](https://storage.googleapis.com/papyrus_images/f1996c418340b5e762b6673b2a8ec99b275a6bb5854a576ca3c1e48d3bf4c384.png)

Copy abi

*   If the contract is not verified, you can find abi on `remix`, just copy the following `[ … ]` array
    

![Get abi information](https://storage.googleapis.com/papyrus_images/99e6c41fae62931e15d6b6cd5032c3b4a1be3ebb915ad115611a65bad21fd2ba.png)

Get abi information

Copy and replace the contract address and abi obtained above into the file in the previous step
-----------------------------------------------------------------------------------------------

After the replacement, just click “RUN” in the middle of the top
----------------------------------------------------------------

![Run the example](https://storage.googleapis.com/papyrus_images/6597db6040db8b242e2709524815eaba384b93f2aaca867901c13e614b90c0e8.png)

Run the example

If the wallet cannot be connected, it is recommended to open a new window.
--------------------------------------------------------------------------

![open a new window](https://storage.googleapis.com/papyrus_images/cb8ed89ff02ffd74a1f4b840edd466c2c59934112d18ff753a95428ef02c5018.png)

open a new window

Then we can link the wallet and switch to the CONDOR test network to interact
-----------------------------------------------------------------------------

We can see our interactions on the block explorer
-------------------------------------------------

![Interaction record of block explorer](https://storage.googleapis.com/papyrus_images/a03a85849c925e60930cac906a67a70763a78fad288f5d143f13f8d3e92caed3.png)

Interaction record of block explorer

If there is anything unclear about the above, please share , thank you
----------------------------------------------------------------------

### I'm Souleigh, follow on Twitter

[https://twitter.com/Souleigh\_Hong](https://twitter.com/Souleigh_Hong)

---

*Originally published on [Souleigh](https://paragraph.com/@souleigh/condor-testnet-task-2-release-a-dapp)*