Merge pull request #9065 from WhiteMatrixTech/addChainIDE

add ChainIDE

Author: corwintines

src/assets/dev-tools/chainIDE.png

@@ -29,8 +29,10 @@
   "page-learning-tools-questbook-description": "Self paced tutorials to learn Web 3.0 by building",
   "page-learning-tools-questbook-logo-alt": "Questbook logo",
   "page-learning-tools-remix-description": "Develop, deploy and administer smart contracts for Ethereum. Follow tutorials with the Learneth plugin.",
-  "page-learning-tools-remix-description-2": "Remix and Replit aren't just sandboxes—developers can write, compile and deploy their smart contracts using them.",
+  "page-learning-tools-remix-description-2": "Remix, Replit, and ChainIDE aren't just sandboxes—developers can write, compile and deploy their smart contracts using them.",
   "page-learning-tools-replit-description": "A customizable development environment for Ethereum with hot reloading, error checking, and first-class testnet support.",
+  "page-learning-tools-chainIDE-description": "Get started on your journey to Web3 by writing smart contracts for Ethereum with ChainIDE. Use the built-in templates to learn and save time.",
+  "page-learning-tools-chainIDE-logo-alt": "ChainIDE logo",
   "page-learning-tools-replit-logo-alt": "Replit logo",
   "page-learning-tools-remix-logo-alt": "Remix logo",
   "page-learning-tools-sandbox": "Code sandboxes",

src/intl/en/page-developers-learning-tools.json

@@ -113,6 +113,15 @@ const LearningToolsPage = ({
         background: "#0f1524",
         subjects: ["Solidity", "web3"],
       },
+      {
+        name: "ChainIDE",
+        description: "page-learning-tools-chainIDE-description",
+        url: "https://chainide.com/",
+        image: getImage(data.chainIDE)!,
+        alt: "page-learning-tools-chainIDE-logo-alt",
+        background: "#2C60A3",
+        subjects: ["Solidity", "web3"],
+      },
     ]
     const randomizedSandboxes = shuffle(sandboxes)
     setRandomizedSandboxes(randomizedSandboxes)
@@ -364,6 +373,9 @@ export const query = graphql`
     ethdotbuild: file(relativePath: { eq: "dev-tools/eth-dot-build.png" }) {
       ...learningToolImage
     }
+    chainIDE: file(relativePath: { eq: "dev-tools/chainIDE.png" }) {
+      ...learningToolImage
+    }
     nftschool: file(relativePath: { eq: "dev-tools/nftschool.png" }) {
       ...learningToolImage
     }