nft-contract-generator.drawio.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="842px" height="791px" viewBox="-0.5 -0.5 842 791" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-12-22T19:05:10.168Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36&quot; etag=&quot;gR5GHP0ra689M9vshEKV&quot; version=&quot;16.0.0&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;nvJuLAY7OBEH_VL36GbE&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="519" y="0" width="321" height="790" rx="48.15" ry="48.15" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="0" y="510" width="510" height="280" rx="42" ry="42" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="0" y="140" width="510" height="350" rx="52.5" ry="52.5" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="560" y="210" width="190" height="80" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 188px; height: 1px; padding-top: 250px; margin-left: 562px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div><span style="font-family: &quot;courier new&quot;">window.ethereum.request({</span><br /></div><div><font face="Courier New">      method: "eth_</font></div><div><font face="Courier New">});</font></div></div></div></div></foreignObject><text x="562" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">window.ethereum.request({...</text></switch></g><rect x="10" y="240" width="140" height="210" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 345px; margin-left: 11px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>User Input</b><br /><br />NFT Name,<br />NFT Symbol,<br />Total Supply,<br />...</div></div></div></foreignObject><text x="80" y="349" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">User Input...</text></switch></g><rect x="170" y="240" width="300" height="210" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 298px; height: 1px; padding-top: 345px; margin-left: 172px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div><font face="Courier New"><br /></font></div><div><font face="Courier New">// SPDX-License-Identifier: MIT</font></div><div><font face="Courier New">pragma solidity ^0.8.2;</font></div><div><font face="Courier New"><br /></font></div><div><font face="Courier New">contract MyToken is ERC721, Ownable {</font></div><div><font face="Courier New">    </font></div><div><font face="Courier New">    uint public TOTALSUPPLY = `${totalSupply}`</font></div><div><font face="Courier New"><br /></font></div><div><font face="Courier New">    constructor() ERC721(`"${NFTName}"`, `"${NFTSymbol}"`) {}</font></div><div><font face="Courier New"><br /></font></div><div><font face="Courier New">    ...</font></div></div></div></div></foreignObject><text x="172" y="349" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">// SPDX-License-Identifier: MIT...</text></switch></g><ellipse cx="465" cy="250" rx="45" ry="30" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 250px; margin-left: 421px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">JS</div></div></div></foreignObject><text x="465" y="254" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">JS</text></switch></g><rect x="560" y="345" width="200" height="130" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 198px; height: 1px; padding-top: 410px; margin-left: 562px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">{contract:<span>[</span><div>  { inputs: [], stateMutability: "nonpayable", type: "constructor" },</div><div>  {</div><div>    anonymous: false,</div><div>    inputs: [ ...</div></div></div></div></foreignObject><text x="562" y="414" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px">{contract:[...</text></switch></g><ellipse cx="777" cy="339" rx="50" ry="30" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 339px; margin-left: 728px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">browser-solc</div></div></div></foreignObject><text x="777" y="343" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">browser-solc</text></switch></g><rect x="50" y="220" width="60" height="30" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 235px; margin-left: 51px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">HTML Input</div></div></div></foreignObject><text x="80" y="239" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">HTML Input</text></switch></g><rect x="230" y="220" width="190" height="30" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 235px; margin-left: 231px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Contract source code generated from a template</div></div></div></foreignObject><text x="325" y="239" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">Contract source code generated...</text></switch></g><rect x="95" y="150" width="190" height="50" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 175px; margin-left: 96px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>STEP 1</b>: Generate a contract by filling in the details</div></div></div></foreignObject><text x="190" y="179" fill="#333333" font-family="Courier New" font-size="12px" text-anchor="middle">STEP 1: Generate a contract by...</text></switch></g><rect x="640" y="95" width="100" height="50" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 120px; margin-left: 641px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Deploy</div></div></div></foreignObject><text x="690" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Deploy</text></switch></g><rect x="595" y="10" width="190" height="50" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 35px; margin-left: 596px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>STEP 2: </b>Compile, Deploy, Verify with 1 click</div></div></div></foreignObject><text x="690" y="39" fill="#333333" font-family="Courier New" font-size="12px" text-anchor="middle">STEP 2: Compile, Deploy, Verify...</text></switch></g><rect x="660" y="75" width="60" height="30" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 90px; margin-left: 661px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Button</div></div></div></foreignObject><text x="690" y="94" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">Button</text></switch></g><rect x="560" y="532" width="200" height="83" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 198px; height: 1px; padding-top: 574px; margin-left: 562px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div>myContract.deploy({</div><div>    data: '0x12345...',</div><div>    arguments: [123, 'My String']</div><div>})</div></div></div></div></foreignObject><text x="562" y="577" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px">myContract.deploy({...</text></switch></g><rect x="605" y="320" width="100" height="30" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 335px; margin-left: 606px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Compile in the browser</div></div></div></foreignObject><text x="655" y="339" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">Compile in the b...</text></switch></g><rect x="605" y="506" width="100" height="30" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 521px; margin-left: 606px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Deploy</div></div></div></foreignObject><text x="655" y="525" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">Deploy</text></switch></g><rect x="560" y="690" width="197" height="83" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 195px; height: 1px; padding-top: 732px; margin-left: 562px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div>apikey:3KVM8TSNFSZT9B9...</div><div>module:contract</div><div>action:verifysourcecode</div><div>sourceCode:pragma solidity ...</div></div></div></div></foreignObject><text x="562" y="735" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px">apikey:3KVM8TSNFSZT9B9......</text></switch></g><rect x="594" y="666" width="100" height="30" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 681px; margin-left: 595px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Verify</div></div></div></foreignObject><text x="644" y="685" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">Verify</text></switch></g><ellipse cx="780" cy="520" rx="50" ry="30" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 520px; margin-left: 731px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">web3.js</div></div></div></foreignObject><text x="780" y="524" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">web3.js</text></switch></g><ellipse cx="782" cy="678" rx="50" ry="30" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 678px; margin-left: 733px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">etherscan API</div></div></div></foreignObject><text x="782" y="682" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">etherscan API</text></switch></g><rect x="15" y="620" width="140" height="120" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 680px; margin-left: 16px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>Read/Write:<br /></b><br />AddWhitelist<br />StartPresale<br />StartPublicSale<br />...</div></div></div></foreignObject><text x="85" y="684" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Read/Write:...</text></switch></g><rect x="130" y="540" width="190" height="50" fill="#f5f5f5" stroke="#666666" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 565px; margin-left: 131px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b>STEP 3: </b>Interact with the contract</div></div></div></foreignObject><text x="225" y="569" fill="#333333" font-family="Courier New" font-size="12px" text-anchor="middle">STEP 3: Interact with the contr...</text></switch></g><ellipse cx="774" cy="199" rx="50" ry="30" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 199px; margin-left: 725px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">web3.js</div></div></div></foreignObject><text x="774" y="203" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">web3.js</text></switch></g><rect x="600" y="190" width="100" height="30" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 205px; margin-left: 601px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Connect Wallet</div></div></div></foreignObject><text x="650" y="209" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">Connect Wallet</text></switch></g><rect x="180" y="620" width="255" height="120" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 253px; height: 1px; padding-top: 680px; margin-left: 182px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><div><font face="Courier New">// ... transactionParameters ...</font></div><div><font face="Courier New"><br /></font></div><div><font face="Courier New">window.ethereum.request({</font></div><div><font face="Courier New">  method: "eth_sendTransaction",</font></div><div><font face="Courier New">  params: [transactionParameters],</font></div><div><font face="Courier New">});</font></div></div></div></div></foreignObject><text x="182" y="684" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">// ... transactionParameters ......</text></switch></g><ellipse cx="455" cy="610" rx="50" ry="30" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 610px; margin-left: 406px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">web3.js</div></div></div></foreignObject><text x="455" y="614" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">web3.js</text></switch></g><rect x="285" y="600" width="100" height="30" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 615px; margin-left: 286px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Interact with the Contract</div></div></div></foreignObject><text x="335" y="619" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">Interact with th...</text></switch></g><rect x="0" y="0" width="510" height="130" rx="19.5" ry="19.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 508px; height: 1px; padding-top: 65px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font face="Verdana"><b>The design of an <font color="#3333ff">NFT contract generator</font> website that deploys a custom contract for an NFT collection. The automation comprises of 3 simple steps: configuring the contract, deploying it, and interacting with it.</b></font></div></div></div></foreignObject><text x="255" y="69" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="12px" text-anchor="middle">The design of an NFT contract generator website that deploys a custom contract for an...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>