{"id":2253,"date":"2022-01-25T18:12:25","date_gmt":"2022-01-25T18:12:25","guid":{"rendered":"https:\/\/lvboard.infostore.in.ua\/?p=2253"},"modified":"2022-01-25T18:12:25","modified_gmt":"2022-01-25T18:12:25","slug":"opensea-clone-built-with-react-js","status":"publish","type":"post","link":"https:\/\/lvboard.infostore.in.ua\/?p=2253","title":{"rendered":"Opensea Clone Built With React.js"},"content":{"rendered":"\n<p>If this boilerplate helps you build Ethereum dapps faster \u2013 please star this project, every star makes us very happy!<\/p>\n\n\n\n<!--more-->\n\n\n\n<h1>? Quick Start<\/h1>\n\n\n\n<p>? Clone or fork&nbsp;<code>opensea-clone<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">git clone https:\/\/github.com\/paschal533\/Opensea-clone.git<\/pre>\n\n\n\n<p>? Install all dependencies:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">cd opensea-clone\nyarn install <\/pre>\n\n\n\n<p>\u270f Rename&nbsp;<code>.env.example<\/code>&nbsp;to&nbsp;<code>.env<\/code>&nbsp;in the main folder and provide your&nbsp;<code>appId<\/code>&nbsp;and&nbsp;<code>serverUrl<\/code>&nbsp;from Moralis (<a href=\"https:\/\/docs.moralis.io\/moralis-server\/getting-started\/create-a-moralis-server\">How to start Moralis Server<\/a>)<br>Example:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">REACT_APP_MORALIS_APPLICATION_ID = xxxxxxxxxxxx\nREACT_APP_MORALIS_SERVER_URL = https:\/\/xxxxxx.grandmoralis.com:2053\/server<\/pre>\n\n\n\n<p>? Locate the MoralisDappProvider in&nbsp;<code>src\/providers\/MoralisDappProvider\/MoralisDappProvider.js<\/code>&nbsp;and paste the deployed marketplace smart contract address and ABI<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">const [contractABI, setContractABI] = useState();\nconst [marketAddress, setMarketAddress] = useState();<\/pre>\n\n\n\n<p>? Sync the&nbsp;<code>MarketItemCreated<\/code>&nbsp;event&nbsp;<code>\/src\/contracts\/marketplaceBoilerplate.sol<\/code>&nbsp;contract with your Moralis Server, making the tableName&nbsp;<code>MarketItems<\/code><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">event MarketItemCreated (\n  uint indexed itemId,\n  address indexed nftContract,\n  uint256 indexed tokenId,\n  address seller,\n  address owner,\n  uint256 price,\n  bool sold\n);<\/pre>\n\n\n\n<p>?\u200d\u2642\ufe0f Run your App:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">yarn start<\/pre>\n\n\n\n<h2>GitHub<\/h2>\n\n\n\n<p><a href=\"https:\/\/github.com\/paschal533\/Opensea-clone?ref=reactjsexample.com\" rel=\"noreferrer noopener\" target=\"_blank\">View Github<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If this boilerplate helps you build Ethereum dapps faster \u2013 please star this project, every star makes us very happy!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[178],"tags":[179,65],"_links":{"self":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2253"}],"collection":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2253"}],"version-history":[{"count":1,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2253\/revisions"}],"predecessor-version":[{"id":2254,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2253\/revisions\/2254"}],"wp:attachment":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}