fuel update 1

Author: fareeha1125

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

@@ -32,7 +32,7 @@ As a developer, you will be getting the following outcomes when you complete thi
 
 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.
 
-![ezgif.com-optimize (3).gif](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/course%20NFT.gif?raw=true)
+![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)
 
 Now before we move forward, let’s set some house rules first.
 1. Kindly do your quick assignments properly.

Build a Petition Filing dApp on the Fuel Network/4. Writing Your Smart Contract/1. Set Up the Sway Project.md

@@ -49,7 +49,7 @@ Report Bugs:
 
 Now, open the project folder, `petition-app` in the VS code. Here’s what the project structure will look like.
 
-![fuel-project-strcuture.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Set%20Up%20the%20Sway%20Project/fuel-project-strcuture.png?raw=true)
+![fuel-project-strcuture.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/5.%20Set%20Up%20the%20Sway%20Project/fuel-project-strcuture.webp)
 
 ### `Forc.toml` file
 
@@ -100,7 +100,7 @@ mkdir data_structures
 
 The updated project structure will look like this.
 
-![fuel-project-strcuture-1.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Set%20Up%20the%20Sway%20Project/fuel-project-strcuture-1.png?raw=true)
+![fuel-project-strcuture-1.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/5.%20Set%20Up%20the%20Sway%20Project/fuel-project-strcuture-1.webp)
 
 We will use the `data_structures` folder to create different components of our `petition-contract` such as creating a campaign, tracking the campaign, and representing the current state of the campaign to the user and keeping track of the number of signs on one campaign.
 

Build a Petition Filing dApp on the Fuel Network/4. Writing Your Smart Contract/2. Let’s Add the States and Interfaces.md

@@ -6,7 +6,7 @@ I’m so proud of you for coming this far in the course. In this lesson, we will
 
 The contract in Sway is callable and stateful. It is deployed to the blockchain via transaction. Think of a smart contract as a deployed API that comes with a database state. In Sway, each file is defined by a program type, followed by the import of an ABI. So, before moving on to writing our contract, `main.sw`. We will write four different ABIs that we will eventually use in our smart contract. These ABIs are like libraries that will perform different tasks and help us keep records of the different information. 
 
-![fuel-note.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-note.png?raw=true)
+![fuel-note.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/6.%20Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-note.webp)
 
 We will start by adding the interfaces (ABI) to the `data_structures` folder. Let’s look at what they will be.
 
@@ -23,7 +23,7 @@ First of all, we will begin with implementing the state library. We need a state
 
 Create a `campaign_state.sw` file inside of the `src/data_structures` folder. Here’s what the new project structure will look like.
 
-![fuel-structure-3.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-3.png?raw=true)
+![fuel-structure-3.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/6.%20Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-3.webp)
 
 Let’s start coding. We will write and explain the code line by line for you to understand everything in detail.
 
@@ -89,7 +89,7 @@ We need a campaign library for our petition dApp because it will help us keep a
 
 Create a `campaign_info.sw` file inside of the `src/data_structures` folder. Here’s what the new project structure will look like.
 
-![fuel-structure-4.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-4.png?raw=true)
+![fuel-structure-4.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/6.%20Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-4.webp)
 
 Let’s start coding. We will write and explain the code line by line for you to understand everything in detail.
 
@@ -200,7 +200,7 @@ We need a library that will store the information of what campaigns a user is cr
 
 Create a `campaign.sw` file inside of the `src/data_structures` folder. Here’s what the new project structure will look like.
 
-![fuel-structure-5.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-5.png?raw=true)
+![fuel-structure-5.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/6.%20Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-5.webp)
 
 Let’s start coding. We will write and explain the code line by line for you to understand everything in detail.
 
@@ -249,7 +249,7 @@ You can find the complete code of `campaign.sw` file [here](https://github.com/0
 
 Create `signs.sw` file inside of the `src/data_structures` folder. Here’s what the new project structure will look like.
 
-![fuel-structure-6.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-6.png?raw=true)
+![fuel-structure-6.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/6.%20Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-6.webp)
 
 Let’s start coding. We will write and explain the code line by line for you to understand everything in detail.
 
@@ -308,7 +308,7 @@ We’re done with creating the interfaces. Now, we need a file outside of the `d
 
 Create `data_structures.sw` file inside of the `src` folder. Here’s what the new project structure will look like.
 
-![fuel-structure-7.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-7.png?raw=true)
+![fuel-structure-7.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/6.%20Let%E2%80%99s%20Add%20the%20States%20and%20Interfaces/fuel-structure-7.webp)
 
 The following code will be added to the `data_structures.sw` file.
 

Build a Petition Filing dApp on the Fuel Network/5. Deploy the dApp/1. Setup Fuel Wallet.md

@@ -23,7 +23,7 @@ Open a new terminal in your `petition-contract` directory and complete the follo
     - You will be prompted to enter the password you set in the previous step. Enter it and press the Enter/return button. Make sure to save your Wallet mnemonic phrase
     - You will get your fuel address. Save it as you'll need it to sign transactions to deploy the contract.
     
-    ![Frame 3560370 (10).jpg](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Setup%20Fuel%20Wallet/Frame_3560370_(10).jpg?raw=true)
+    ![Frame 3560370 (10).jpg](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/10.%20Setup%20Fuel%20Wallet/Frame_3560370_(10).webp)
     
 
 3. You can view your list of accounts using the command below:
@@ -38,21 +38,21 @@ Open a new terminal in your `petition-contract` directory and complete the follo
 - Go to [Fuel Wallet Chrome Extension](https://chromewebstore.google.com/detail/fuel-wallet/dldjpboieedgcmpkchcjcbijingjcgok) and click on “Add to Chrome” button.
 - After Installing Fuel Wallet, you will see a popup tab where you need to click on “Import seed phrase” button.
     
-    ![wallet-1.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Setup%20Fuel%20Wallet/wallet-1.png?raw=true)
+    ![wallet-1.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/10.%20Setup%20Fuel%20Wallet/wallet-1.webp)
     
 - Check the terms and condition checkbox and click on “Next: Seed Phrase” button.
     
-    ![wallet-2.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Setup%20Fuel%20Wallet/wallet-2.png?raw=true)
+    ![wallet-2.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/10.%20Setup%20Fuel%20Wallet/wallet-2.webp)
     
 
 - Now select “I have a 24-word Seed Phrase”, paste your Wallet Mnemonic Phrase and click on the “Next: Your password” button.
     
-    ![wallet-3.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Setup%20Fuel%20Wallet/wallet-3.png?raw=true)
+    ![wallet-3.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/10.%20Setup%20Fuel%20Wallet/wallet-3.webp)
     
 
 - Now finally set a password for your wallet, make sure it is a strong password, or else you won’t be allowed to move forward and please make a note of your password because trust me you need this whenever you are going to sign a transaction. Click on “Next: Finish set up” button to move forward.
     
-    ![wallet-4.png](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Setup%20Fuel%20Wallet/wallet-4.png?raw=true)
+    ![wallet-4.png](https://raw.githubusercontent.com/0xmetaschool/Learning-Projects/refs/heads/main/assests_for_all/assets_for_petition_fuel/10.%20Setup%20Fuel%20Wallet/wallet-4.webp)
     
 
 - And we are all set, let now move on to top it up with some faucet ETH because we will be needing this to pay for the gas.

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

@@ -34,7 +34,7 @@ npx fuels build
 
 This will add the `contracts` folder to your `src`:
 
-![Frame 3560370 (12).jpg](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Setting%20up%20Frontend/Frame_3560370_(12).jpg?raw=true)
+![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)
 
 ## Set up the contract address
 
@@ -54,7 +54,7 @@ npm start
 
 You will see an output like this:
 
-![Frame 3560372.jpg](https://github.com/0xmetaschool/Learning-Projects/blob/main/assests_for_all/assets_for_petition_fuel/Setting%20up%20Frontend/Frame_3560372.jpg?raw=true)
+![Frame 3560443]()
 
 ## That’s a wrap