Skip to content

Commit 16c304a

Browse files
committed
fuel update 2
1 parent 7752ee3 commit 16c304a

File tree

4 files changed

+17
-12
lines changed

4 files changed

+17
-12
lines changed

Build a Petition Filing dApp on the Fuel Network/1. Getting Started/1. What Are We Building Today.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,8 @@ As a developer, you will be getting the following outcomes when you complete thi
3232

3333
If you complete this course with me, you will be getting XPs and a special NFT which will unlock many more opportunities for you on the Metaschool platform. Here is what the NFT looks like.
3434

35-
![ezgif.com-optimize (3).gif](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/1.%20What%20Are%20We%20Building%20Today/ezgif.com-optimize_(3).webp)
35+
![ezgif.com-optimize (3).gif](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/Completion%20NFT.webp)
36+
3637

3738
Now before we move forward, let’s set some house rules first.
3839
1. Kindly do your quick assignments properly.

Build a Petition Filing dApp on the Fuel Network/5. Deploy the dApp/2. Deploy the dApp.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ forc build
1212

1313
This will generate the following output:
1414

15-
![Frame 3560370 (11).jpg](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Deploy%20the%20dApp/Frame_3560370_(11).jpg?raw=true)
15+
![Frame 3560370 (11).jpg](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/11.%20Deploy%20the%20dApp/Frame_3560370_(11).webp)
1616

1717
Now let’s deploy the dApp using the following command:
1818

@@ -26,11 +26,11 @@ forc deploy --testnet
2626

2727
The output should look like so:
2828

29-
![deploy-2 (1).png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Deploy%20the%20dApp/deploy-2_(1).png?raw=true)
29+
![deploy-2 (1).png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/11.%20Deploy%20the%20dApp/deploy-2_(1).webp)
3030

3131
After deploying the contract, go back to Visual Studio code to your `petition-contract` folder. Here, you will find an extra `out` folder. Inside of the out folder, you’ll see two more folders: `debug` and `deployments`. The `debug` folder here contains the ABI files. We will use these ABI files to connect our deployed smart contract with the front end. Here’s what the project structure looks like:
3232

33-
![deploy-3 (1).png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Deploy%20the%20dApp/deploy-3_(1).png?raw=true)
33+
![deploy-3 (1).png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/11.%20Deploy%20the%20dApp/deploy-3_(1).webp)
3434

3535
**Note:** Please make sure you deploy the contract correctly because without ABI files you cannot cannot connect your Fuel project with the front end.
3636

Build a Petition Filing dApp on the Fuel Network/6. Working with Frontend/1. Setting up Frontend.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ npx fuels build
3434

3535
This will add the `contracts` folder to your `src`:
3636

37-
![Frame 3560370 (12).jpg](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/11.%20Setting%20up%20Frontend/Frame_3560370_(12).webp)
37+
![Frame 3560370 (12).jpg](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/12.%20Setting%20up%20Frontend/Frame_3560370_(12).webp)
3838

3939
## Set up the contract address
4040

@@ -54,7 +54,7 @@ npm start
5454

5555
You will see an output like this:
5656

57-
![Frame 3560443]()
57+
![Frame 3560443](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/12.%20Setting%20up%20Frontend/Frame%203560443.webp)
5858

5959
## That’s a wrap
6060

Build a Petition Filing dApp on the Fuel Network/7. Run the dApp/1. Interact With the DApp.md

+10-6
Original file line numberDiff line numberDiff line change
@@ -8,24 +8,28 @@ We will walk you through each feature of the dApp and how you can interact with
88

99
1. **Connect your wallet:** Make sure that the Fuel wallet is set up in your system and already has some tokens. Then click on the “Connect Wallet” button. Remember to select the "Fuel Wallet" from the list of wallets.
1010

11-
![run-app-1.gif](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Interact%20With%20the%20DApp/run-app-1.gif?raw=true)
11+
![run-app-1.gif](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/13.%20Interact%20With%20the%20DApp/connect-wallet.webp)
1212

1313

1414
2. **Create a campaign:** First of all, we will create a create campaign. Fill in the first field, set the number of deadlines, and click on “Create Campaign.” After creating the campaign remember to save the campaign ID somewhere. You’ll need the campaign ID to sign the petition, get information, or end it.
1515

16-
![fuel-run-2-2.gif](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Interact%20With%20the%20DApp/fuel-run-2-2.gif?raw=true)
16+
![fuel-run-2-2.gif](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/13.%20Interact%20With%20the%20DApp/create-petition.webp)
1717

1818

1919
3. **Sign the petition:** Let’s sign the petition by entering the campaign ID in the “Sign” field and clicking the “Sign” button.
2020

21-
![fuel-run-3.gif](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Interact%20With%20the%20DApp/fuel-run-3.gif?raw=true)
21+
![fuel-run-3.gif](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/13.%20Interact%20With%20the%20DApp/sign-petition.webp)
2222

23-
4. **Get campaign information:** To get information about the campaign and know its status, enter the campaign ID in the “info” field and click on “info”.
23+
4. **End campaign:** To end the compaign, click on "Edit" and then "End" button.
2424

25-
![fuel-run-4.gif](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Interact%20With%20the%20DApp/fuel-run-4.gif?raw=true)
25+
![fuel-run-4.gif](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/13.%20Interact%20With%20the%20DApp/end-compaign.webp)
26+
27+
4. **Cancel campaign:** To cancel the compaign, click on "Edit" and then "Cancel" button.
28+
29+
![fuel-run-4.gif](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/13.%20Interact%20With%20the%20DApp/cancel-petition.webp)
2630

2731

28-
Now, try out other fields and create more campaigns to make good use of your petition dApp.
32+
Now, explore more by creating more campaigns to make good use of your petition dApp.
2933

3034
## That’s a wrap
3135

0 commit comments

Comments
 (0)