Merge pull request 0xPolygon#184 from 0xPolygon/km/tools

Dev tools a few updates

Author: kmurphypolygon

docs/cdk/get-started/deploy-rollup/prerequisites.md

@@ -22,7 +22,7 @@ The commands on the [install dependencies page](install-dependencies.md) fulfill
 
 ## Miscellaneous requirements
 
-- `INFURA_API_KEY`: [Infura](https://www.infura.io/) API key
+- `INFURA_API_KEY`: [Infura](https://infura.io/) API key
 - `ETHERSCAN_API_KEY`: [Etherscan](https://etherscan.io/) API key
 - Goërli node RPC URL: e.g. https://goerli.infura.io/v3/YOUR-INFURA-API-KEY
 - Goërli account address holding minimum 0.5 GoërliETH

docs/index.md

@@ -216,7 +216,7 @@ hide:
 						</a>
 					</div>
 					<div class="flexbox items-4">
-						<a href="pos/how-to/smart-contracts/" class="home-feature-card w-inline-block"><img src="img/home/polygon-icon.svg" loading="lazy" alt="" class="feature-icon">
+						<a href="pos/how-to/bridging/" class="home-feature-card w-inline-block"><img src="img/home/polygon-icon.svg" loading="lazy" alt="" class="feature-icon">
 							<div class="feature-content-wrapper">
 								<div class="feature-content-name">Polygon PoS: Deploy an existing contract</div>
 								<div class="arrow-embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" display="block" width="100%" height="auto" viewbox="0 0 16 17" fill="none">

docs/tools/smart-contracts/hardhat.md …dApp-development/common-tools/hardhat.mddocs/tools/smart-contracts/hardhat.md renamed to docs/tools/dApp-development/common-tools/hardhat.md docs/tools/smart-contracts/hardhat.md renamed to docs/tools/dApp-development/common-tools/hardhat.md

@@ -1,41 +1,38 @@
 ## Overview
 
-Hardhat is an Ethereum development environment that provides an easy way to deploy smart contracts, run tests and debug Solidity code locally.
+Hardhat is an Ethereum development environment for deploying smart contracts, running tests, and debugging Solidity code locally.
 
-In this tutorial, you will learn how to set up Hardhat and use it to build, test and deploy a simple smart contract.
+In this tutorial, you will learn how to set up Hardhat and use it to build, test, and deploy a simple smart contract.
 
-### What you will do
+## Set up
 
-- Set up Hardhat.
-- Create a simple smart contract.
-- Compile the contract.
-- Test the contract.
-- Deploy the contract.
+1. Ensure you have installed the following:
 
-## Setting up the development environment
+- [Node.js v10+ LTS and npm](https://nodejs.org/en/).
+- [Git](https://git-scm.com/).
 
-There are a few technical requirements before we start. Please install the following:
+2. Create an npm project
 
-- [Node.js v10+ LTS and npm](https://nodejs.org/en/) (comes with Node)
-- [Git](https://git-scm.com/)
+```sh
+mkdir hardhat-test
+cd hardhat-test/
+npm init
+```
 
-Once we have those installed, you need to create an npm project by going to an empty folder, running `npm init`, and following its instructions to install Hardhat. Once your project is ready, you should run:
+3. Now install Hardhat.
 
-```bash
+```sh
 npm install --save-dev hardhat
 ```
 
-To create your Hardhat project, run `npx hardhat` in your project folder.
-Let’s create the sample project and go through these steps to try out a sample task and compile, test and deploy the sample contract.
-
 !!! note
     The sample project used here comes from the [Hardhat Quickstart guide](https://hardhat.org/getting-started/#quick-start), as well as its instructions.
 
 ## Creating a project
 
 To create a sample project, run `npx hardhat` in your project folder. You should see the following prompt:
 
-![img](../../img/tools/hardhat/quickstart.png)
+![img](../../../img/tools/hardhat/quickstart.png)
 
 Choose the JavaScript project and go through these steps to compile, test and deploy the sample contract.
 
@@ -148,7 +145,7 @@ npx hardhat test
 
 And this is an expected output:
 
-![img](../../img/tools/hardhat/test.png)
+![img](../../../img/tools/hardhat/test.png)
 
 ### Deploying on Polygon network
 

docs/tools/smart-contracts/remix.md …s/dApp-development/common-tools/remix.mddocs/tools/smart-contracts/remix.md renamed to docs/tools/dApp-development/common-tools/remix.md docs/tools/smart-contracts/remix.md renamed to docs/tools/dApp-development/common-tools/remix.md

@@ -19,7 +19,7 @@ This tutorial guides you to implement a Hello World dApp which echoes a message
 
 Remix is a Ethereum-focused IDE: an online platform to develop and deploy smart contracts. To start building a smart contract, click on **New File** and name it `HelloWorld.sol`.
 
-![](../../img/tools/remix/new-file.png)
+![](../../../img/tools/remix/new-file.png)
 
 ## Smart contract
 
@@ -75,7 +75,7 @@ The `update` function is another public function that is similar to the constr
 
 Now, we have to deploy our smart contract on Mumbai, Polygon Network's Testnet. Not only does it cost money (e.g., gas fees) to deploy a smart contract on Polygon Mainnet, but also, the contract is immutable and can't be changed once deployed. Therefore, it's best to first deploy your smart contract to the Testnet first.
 
-To deploy to the Mumbai testnet, we have to connect to the Web3 world which can be accomplished by using any of the services like Metamask, Brave, Portis, etc. We will be using MetaMask in this tutorial. Please follow this [guide to set up a MetaMask Account](../wallets/metamask/index.md).
+To deploy to the Mumbai testnet, we have to connect to the Web3 world which can be accomplished by using any of the services like Metamask, Brave, Portis, etc. We will be using MetaMask in this tutorial. Please follow this [guide to set up a MetaMask Account](../../wallets/metamask/index.md).
 
 - Open Metamask. Click on the network dropdown menu (set to **Ethereum Mainnet** by default) and click on the **Add Network** button. MaticVigil provides a public endpoint and is rate-limited. Therefore, most developers use a free blockchain provider like [Alchemy](https://docs.alchemy.com/docs/how-to-add-polygon-to-metamask) or [Quicknode](https://www.quicknode.com/guides/smart-contract-development/how-to-deploy-a-smart-contract-on-maticpolygon#setting-up-metamask-with-polygon-node) to have a dedicated RPC endpoint with faster throughput AKA computing units per second (CUPs). You need to create a free account to get your private API key from one of these providers to put into the dedicated RPC endpoint URL below.
 
@@ -122,13 +122,13 @@ In both Testnet and Mainnet, you do the below to deploy your smart contract usin
 
 - Select **Injected Provider** MetaMask in the **Environment** dropdown and your contract
 
-  ![RemixIDE_Step1](../../img/tools/remix/injected-provider.png)
+  ![RemixIDE_Step1](../../../img/tools/remix/injected-provider.png)
 
 - Accept the **Connect** request received in MetaMask. If the popup doesn't open by default, you can also try manually launching the MetaMask extension
 
 - Once MetaMask is connected to Remix, the `Deploy` transaction would generate another MetaMask popup that requires transaction confirmation. Simply confirm the transaction!
 
-  ![RemixIDE_Step1](../../img/tools/remix/confirm_tx.png)
+  ![RemixIDE_Step1](../../../img/tools/remix/confirm_tx.png)
 <br/>
 
 Congratulations! You have successfully deployed the HelloWorld smart contract to the Polygon Mumbai Testnet. You can start interacting with your smart contract. Check the deployment status at <https://mumbai.polygonscan.com/>.
@@ -149,7 +149,7 @@ sol-merger \"./contracts/*.sol\" ./build
 
 - Navigate to your contract's Polygonscan page and click on **Verify and Publish**.
 
-  ![RemixIDE_Step1](../../img/tools/remix/verify-publish.png)
+  ![RemixIDE_Step1](../../../img/tools/remix/verify-publish.png)
 
 - Select **Solidity (Single File)** in compiler type
 

docs/tools/smart-contracts/replit.md …/dApp-development/common-tools/replit.mddocs/tools/smart-contracts/replit.md renamed to docs/tools/dApp-development/common-tools/replit.md docs/tools/smart-contracts/replit.md renamed to docs/tools/dApp-development/common-tools/replit.md

@@ -25,8 +25,8 @@ You need a browser-based Web3 wallet to interact with the Polygon Mumbai Testnet
 You must set up all of the following prerequisites to be able to deploy your solidity smart contract on Polygon:
 
 1. [Create a Replit account](https://replit.com/signup).
-2. [Download MetaMask wallet](../wallets/metamask/index.md).
-3. [Configure Polygon on MetaMask](../wallets/metamask/add-polygon-network.md).
+2. [Download MetaMask wallet](../../wallets/metamask/index.md).
+3. [Configure Polygon on MetaMask](../../wallets/metamask/add-polygon-network.md).
 4. [Get testnet tokens](https://faucet.polygon.technology).
 
 ## Working with a Repl
@@ -35,11 +35,11 @@ Every Repl that you create is a fully functional development and production envi
 
 1. [Log in](https://replit.com/login) or [create an account](https://replit.com/signup). After creating your account, your home screen will include a dashboard where you can view, create projects, and manage your account.
 
-    ![img](../../img/tools/replit/dashboard.png)
+    ![img](../../../img/tools/replit/dashboard.png)
 
 2. Once logged in, create a Solidity starter repl, Select **+ Create Repl** from the left panel or **+** in the top right corner of the screen.
 
-    ![img](../../img/tools/replit/solidity.png)
+    ![img](../../../img/tools/replit/solidity.png)
 
 3. Select the [**Solidity starter (beta)**](https://replit.com/@replit/Solidity-starter-beta?v=1) template and give your project a title.
 
@@ -55,13 +55,13 @@ Make sure that you have followed the list of [prerequisites](#prerequisites) abo
 
 1. Click on **Run** (at the top) to install all relevant packages and start up the contract deployment UI.
 
-2. Connect your MetaMask wallet to the web interface and switch to the [Mumbai Testnet](../wallets/metamask/add-polygon-network.md).
+2. Connect your MetaMask wallet to the web interface and switch to the [Mumbai Testnet](../../wallets/metamask/add-polygon-network.md).
 
-    ![img](../../img/tools/replit/connect.png)
+    ![img](../../../img/tools/replit/connect.png)
 
 3. Click on **Connect wallet**, select your account, then choose **Connect**.
 
-    ![img](../../img/tools/replit/deploy-list.png)
+    ![img](../../../img/tools/replit/deploy-list.png)
 
 4. From the dropdown list, select the contract that you want to deploy. Click on **Deploy**.
 

docs/tools/smart-contracts/truffle.md …dApp-development/common-tools/truffle.mddocs/tools/smart-contracts/truffle.md renamed to docs/tools/dApp-development/common-tools/truffle.md docs/tools/smart-contracts/truffle.md renamed to docs/tools/dApp-development/common-tools/truffle.md

@@ -104,7 +104,7 @@ You can run Solidity and Javascript tests.
 
     You should see the following output:
 
-    ![img](../../img/tools/truffle/test1.png)
+    ![img](../../../img/tools/truffle/test1.png)
 
 2. Run the JavaScript test:
 
@@ -114,7 +114,7 @@ You can run Solidity and Javascript tests.
 
     You should see the following output:
 
-    ![img](../../img/tools/truffle/test2.png)
+    ![img](../../../img/tools/truffle/test2.png)
 
 ### Compiling the contract
 
@@ -126,7 +126,7 @@ truffle compile
 
 You will see the following output:
 
-![img](../../img/tools/truffle/compile.png)
+![img](../../../img/tools/truffle/compile.png)
 
 ### Configuring the smart contract
 
@@ -180,7 +180,7 @@ truffle compile
 truffle deploy --network matic
 ```
 
-![img](../../img/tools/truffle/deployed-contract.png)
+![img](../../../img/tools/truffle/deployed-contract.png)
 
 !!! note
     Remember your `address`, `transaction_hash` and other details provided would differ. Above is just to provide an idea of the structure.

docs/tools/dApp-development/dApp-launchpad.md

@@ -0,0 +1 @@
+<!-- In progress -->