{"id":22164818,"url":"https://github.com/net2devcrypto/n2d-nft-marketplace","last_synced_at":"2025-07-26T11:31:40.388Z","repository":{"id":42644055,"uuid":"506818688","full_name":"net2devcrypto/N2D-NFT-Marketplace","owner":"net2devcrypto","description":"🚀👩‍🚀This repo contains all the files to follow along and implement a MultiChain NFT MarketPlace! Be sure to watch my Youtube tutorials so you can learn and follow along!","archived":false,"fork":false,"pushed_at":"2022-08-24T06:24:44.000Z","size":4384,"stargazers_count":45,"open_issues_count":2,"forks_count":31,"subscribers_count":6,"default_branch":"main","last_synced_at":"2024-08-20T15:03:35.931Z","etag":null,"topics":["axios","blockchain","dapp","ipfs","nextjs","nft","react","solidity","staking","tutorial"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/net2devcrypto.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-06-23T23:22:39.000Z","updated_at":"2024-05-30T10:26:57.000Z","dependencies_parsed_at":"2022-09-24T04:00:24.387Z","dependency_job_id":null,"html_url":"https://github.com/net2devcrypto/N2D-NFT-Marketplace","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2FN2D-NFT-Marketplace","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2FN2D-NFT-Marketplace/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2FN2D-NFT-Marketplace/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2FN2D-NFT-Marketplace/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/net2devcrypto","download_url":"https://codeload.github.com/net2devcrypto/N2D-NFT-Marketplace/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227674004,"owners_count":17802303,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","blockchain","dapp","ipfs","nextjs","nft","react","solidity","staking","tutorial"],"created_at":"2024-12-02T05:10:46.410Z","updated_at":"2024-12-02T05:10:47.091Z","avatar_url":"https://github.com/net2devcrypto.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003ca href=\"http://youtube.a3b.io\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/N2D-NFT-Marketplace/blob/main/n2DMarket.png\" width=\"260\" height=\"50\"\u003e\u003ch2\u003eMulti-Chain NFT Marketplace\u003c/h2\u003e\u003c/a\u003e\n##\n🚀👩‍🚀This repo contains all the files to follow along and implement a MultiChain NFT MarketPlace! Be sure to watch my Youtube tutorials so you can learn and follow along!\n\n** THE FILES ATTACHED TO THIS REPO ARE FOR EDUCATIONAL PURPOSES ONLY **\n\n** NOT FINANCIAL ADVISE **\n\n** USE IT AT YOUR OWN RISK** **I'M NOT RESPONSIBLE FOR ANY USE, ISSUES ETC.. **\n\nPlease follow instructions for the video tutorial you are watching.\n\n## Part-1 Hardhat and EthersJS\n\nClick for video:\n\n\u003ca href=\"https://www.youtube.com/watch?v=wxeA8NKPNUA\u0026t=539s\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e \n\nSteps:\n\n1-Create an new NextJS app:\n\n```shell\nnpx create-next-app n2dmarket\n```\n\n2- Install hardhat in the n2dmarket project folder.\n\n```shell\nnpm i hardhat\n```\n\n3- Create a hardhat environment.\n\n```shell\nnpx hardhat\n```\n\n4- Refer to the Hardhat and EthersJS knowledge base and \npractice some info gathering using the hardhat console:\n\n```shell\nnpx hardhat console\n```\n\nHardhat Knowledge Base : https://hardhat.org/tutorial\n\nEthersJS Knowledge Base: https://docs.ethers.io/v5/\n\n## Part-2 NFT Market Resell Smart Contract\n\nClick for video:\n\n\u003ca href=\"https://www.youtube.com/watch?v=60Babg2TJtU\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e \n\n\n1-Retrieve the NFT Collection Smart Contract Address.\n\n2-Deploy the NFT Market Resell Smart Contract located in Part2 Folder.\n\nAdd the NFT Collection Address when deploying the smart contract.\n\n## Part-3 Deploy a NextJS WebFront End\n\nClick for video:\n\n\u003ca href=\"https://www.youtube.com/watch?v=TTSyNZCifLs\u0026t=1837s\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e \n\nSteps:\n\n1- Navigate to your n2dmarket project folder and install the remaining dependencies:\n\n```shell\nnpm i --save-dev \"@types/react\"\n\nnpm i axios @nextui-org/react sf-font\n\nnpm i simple-crypto-js web3modal\n\nnpm i @metamask/detect-provider\n\nnpm i ipfs-http-client\n\nnpm i web3\n\nnpm i --save-dev @types/canvas-confetti\n```\n\n2- Proceed to replace the files in your n2dmarket folder with each respective\n\nfile attached in the Part-3 Folder, Add the \"engine\" folder to the project root folder.\n\n\n3- Deploy your test NFT Collection and NFT Market Resell Smart Contracts (refer to Part2 Vid)\n\nand go to /engine/configuration and update the values accordingly:\n\n```shell\n\nexport var hhresell = \"YOUR NFT RESELL MARKET SMART CONTRACT\";\n\nexport var hhnftcol = \"YOUR NFT COLLECTION SMART CONTRACT\";\n\nvar hhrpc = \"YOUR MAINNET OR TESTNET RPC ADDRESS\";\n```\n\nList of RPC Address to use depending on which testnet the contracts have been deployed:\n\nPolygon Mumbai: https://matic-mumbai.chainstacklabs.com\n\nBSC Testnet: https://data-seed-prebsc-1-s3.binance.org:8545\n\nETH Goerli: https://rpc.ankr.com/eth_goerli\n\nCTRL + S to save configs\n\nRun the web server and validate:\n\n```shell\nnpm run dev\n```\n\nWatch part 3 vid for more details.\n\n## Part-4 Relist and Buy NFTs!\n\nClick for video:\n\n\u003ca href=\"https://www.youtube.com/watch?v=1QP6UYZc8fU\u0026t=2155s\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e \n\nSteps:\n\n1- New changes have been performed on the Resell SmartContract.\nRedeploy it on your favorite testnet and save the address.\n\nContract link: \n\nhttps://github.com/net2devcrypto/N2D-NFT-Marketplace/tree/main/Part2-NFT-Market-Resell-Contract\n\n2- Install NFT Carousel Dependency:\n\n```shell\nnpm i --save-dev react-multi-carousel\n```\n\n3- Proceed to replace the files in your market project folder with each respective\n\nfile attached in the Part-4 Folder, Replace \"engine\" and \"public\" folder with all files as well.\n\n\n4- Obtain your Resell Smart Contract Owner Wallet Private Key. (Wallet used to deploy contract)\n\nGo to /engine/configuration and update the values accordingly:\n\nReplace with your Private key in \"hhraw\":\n\n```shell\nconst hhraw = \"0xREPLACEWITHPRIVATEKEY\";\n```\n\nAdd your smart contract addresses here:\n\n```shell\nexport var hhresell = \"YOUR NFT RESELL MARKET SMART CONTRACT\";\n\nexport var hhnftcol = \"YOUR NFT COLLECTION SMART CONTRACT\";\n\nvar hhrpc = \"REPLACE WITH THE TESTNET RPC\";\n```\n\nCTRL + S to save configs\n\nRun the web server and validate:\n\n```shell\nnpm run dev\n```\nWatch part 4 vid for more details.\n\n## Part-5 Create The NFT Marketplace Contract and App to upload Art and mint NFTs.\n\nClick for video:\n\n\u003ca href=\"https://www.youtube.com/watch?v=60Babg2TJtU\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e \n\n\n1-Deploy the Marketplace Contract to sell created NFTs located in Part5 Folder repo. Copy the contract address.\n\nhttps://github.com/net2devcrypto/N2D-NFT-Marketplace/blob/main/Part5-Create-and-Sell-NFT-App/N2D-Market-SellCreatedNFT-SmartContract.sol\n\n2-Deploy the NFT Smart Contract to create NFTs located in Part5 Folder, add the NFT Market smart contract to sell created NFTs when deploying and copy the contract address once deployed.\n\nhttps://github.com/net2devcrypto/N2D-NFT-Marketplace/blob/main/Part5-Create-and-Sell-NFT-App/N2D-Market-CreateNFT-SmartContract.sol\n\n3- Go to /engine/configuration and add the additional contracts accordingly:\n\n```shell\n\nexport var hhnft = \"YOUR CREATE NFT SMART CONTRACT\";\n\nexport var hhmarket = \"YOUR SELL CREATED NFT MARKETPLACE SMART CONTRACT\";\n\n```\n\n4- From Part5 Folder, Proceed to add the NFT and Market ABI files to the engine folder. Proceed to replace the files in your project with the ones provided in the Part5 folder. Test and practice. Time to learn more! \n\nWatch Part 5 video for more info. \n\n## Part-6 Final Video - Enable Multichain Integration!\n\nClick for video:\n\n\u003ca href=\"https://www.youtube.com/watch?v=KfIaPFh_tfU\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e \n\n\n1- Stop NextJS Server and Replace all files in your project with the files attached on this repo to their respective folders.\n\n2-Deploy all required smart contracts for all networks and update the contract address in the configuration.js file located in the \"engine\" folder.\n\nDeploy the contracts on all required testnets. The \"nftcol\" is an existing nft collection smartcontract.\n\nresell smartcontract : https://github.com/net2devcrypto/N2D-NFT-Marketplace/blob/main/Part2-NFT-Market-Resell-Contract/N2D-Market-NFT-Resell-SmartContract.sol\n\nnft smartcontract: https://github.com/net2devcrypto/N2D-NFT-Marketplace/blob/main/Part5-Create-and-Sell-NFT-App/N2D-Market-CreateNFT-SmartContract.sol\n\nmarket smartcontract: https://github.com/net2devcrypto/N2D-NFT-Marketplace/blob/main/Part5-Create-and-Sell-NFT-App/N2D-Market-SellCreatedNFT-SmartContract.sol\n\nExample for Goerli Testnet\n\n```shell\nexport var goeresell = \"YOUR CONTRACT ADDRESS\";\nexport var goenftcol = \"YOUR CONTRACT ADDRESS\";\nexport var goenft = \"YOUR CONTRACT ADDRESS\";\nexport var goemarket = \"YOUR CONTRACT ADDRESS\";\n```\n\nSave your changes!\n\n3- Install Metamask detect provider dependency in your project folder.\n\n```shell\nnpm i @metamask/detect-provider\n```\n\n4- Start NextJS server and follow the video for additional testing and practice steps.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnet2devcrypto%2Fn2d-nft-marketplace","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnet2devcrypto%2Fn2d-nft-marketplace","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnet2devcrypto%2Fn2d-nft-marketplace/lists"}