kandi background
Explore Kits

NFT Marketplace for Images

by kandikits Updated: Sep 16, 2022

NFT Marketplace for Images Banner NFT's or Non Fungible Token's are a new technology phenomenon allowing clear ownership and easy transferability of digital art. This property means each token is unique and cannot be swapped identically for another token ever. NFT can be most anything digital, such as art, images, videos, music, memes, and tweets. The process of creating NFTs is “minting”, similar in concept to metal coins that are minted (stamped) to confirm their legitimacy. Minting an NFT produces a one-of-a-kind token on the blockchain and an electronic certificate of authenticity. NFT Marketplace for Images is used to generate the cryptoboy using the NFT, Blockchain, Cryptocurrency. The generated cryptoboy can be sold and they can see who is the token owner and also token metadata.

Features:

1)Mint custom ERC721 implemented Crypto Boy Tokens. 2)Sell Crypto Boy tokens on the marketplace. 3)Set desired token price. 4)Toggle between keeping the token for sale and not for sale. 5)Keeps track of all the tokens owned by an account - minted and bought. 6)Query blockchain for the token owner and token metadata. 7)User can mint a token only after every 5 minutes. Scope: NFTs used in cryptoboy are digitally unique, no two NFTs are the same. Every NFT used in cryptoboy must have an owner and this is of public record and easy for anyone to verify.

Technological Innovation:

1.NFT: NFTs are unique cryptographic tokens that exist on a blockchain and they cannot be replaced or copied/paste a new NFT into existence it is recorded in a blockchain. And that is used to certify authenticity and ownership as a digital asset. It’s generally built using the same kind of programming as cryptocurrency, like Bitcoin or Ethereum, but that’s where the similarity ends. 2.Blockchain: Blockchain is a system it is used to record information in a way it makes difficult or impossible to change, hack, or cheat the system. A blockchain is essentially a digital ledger of transactions that is duplicated and distributed across the entire network of computer systems on the blockchain. The primary use of blockchains is as a distributed ledger for cryptocurrencies such as bitcoin. 3.Cryptocurrencies: Mostly cryptocurrencies use blockchain technology to record transactions, in which transactions are verified and records maintained by a decentralized system using cryptography, rather than by a centralized authority.

Browser Extension

Metamask: MetaMask-extension library is a software cryptocurrency wallet used to interact with the Ethereum blockchain. It allow users to access their Ethereum wallet through a browser extension or mobile app, which can then be used to interact with decentralized applications.

Stack

Solidity - Object-oriented, high-level language for implementing smart contracts. Bootstrap 4 - CSS framework for faster and easier web development. React.js - JavaScript library for building user interfaces. web3.js - Allow users to interact with a local or remote ethereum node using HTTP, IPC or WebSocket. Truffle - Development environment, testing framework and asset pipeline for blockchains using the Ethereum Virtual Machine (EVM). Ganache - Personal blockchain for Ethereum development used to deploy contracts, develop DApps, and run tests.

Troubleshooting:

1. While running batch file, if you encounter Windows protection alert, select More info --> Run anyway. 2. During kit installer, if you encounter a Windows security alert, click Allow. 3. Ensure Ganache is open before running the 1-Click Installer. 4. Make sure you have chosen the Ganache Network in the Metamask Extension. 5. Sometimes you may face the "out of gas error" to resolve this error, edit the "Gas Limit". 6 . Sometimes after npm start it throw's an error as create the .env file. For that create the .env file inside the project SKIP_PREFLIGHT_CHECK=true . 7. If you have already installed node js and npm, check the version by using this command "npm version". 8. If the version is lower than 14 for node js and for npm 7.6.0, then uninstall the existing one. 9. Click the cryptoboybatch to install the node js and npm required to run this kandi kit.

Training and Certification - NFT Marketplace for Images

Watch this self-guided tutorial on NFT Marketplace for Images. This includes an understanding of Metamask; a chrome extension used as a crypto wallet, Ganache-Truffle Suite a personal Ethereum Blockchain for distributed application development to build your own NFT Marketplace for CryptoBoy Images Completed the training? Apply for your Participation Certificate and Achievement Certificate now! Tag us on social media with a screenshot or video of your working application for a chance to be featured as an Open Source Champion and get a verified badge.

Deployment Information

By using the below libraries you can create the crypto boy. The entire solution is available as a package to download from the source code repository.

PREREQURIMENT: 1. ⬇️Download the Metamask Extension for chrome , Metamask Extension for edge, Metamask Extension for firefox . 2. ⬇️Download Ganache for your windows. Click here to download Ganache. Follow the below instructions to deploy and run the solution: 1. Download the kit_installer it is in zip format then unzip the folder. 2. Then Double-tap the unzip folder and the command prompt open. After successful installation of the kit, press 'Y' to run the kit and it automatically it opened in your browser at http://localhost:3000. 3. To run the kit manually, press 'N' and locate the zip file 'cryptoboys-nft-marketplace ' and unzip the 'cryptoboys-nft-marketplace' folder then find cryptoboybatch batch folder, and double-tap the folder. 4. The command prompt opens and executes automatically the following commands npm install, npm install -g truffle, npm i ganache-cli, truffle compile, truffle migrate, npm start then the command prompt close automatically. 5. Finally the localhost:3000 opens in the chrome. 6. Before running this project open the Ganache and link with the Metamask extension in chrome. 7. On that page it asks to connect Metamask.

Installation Guide

⬇️Download, extract and double-click kit installer file to install the kit. Note: Do ensure to extract the zip file before running it.

Development Environment

VSCode is used for development and debugging. Node.js is an open-source, cross-platform, JavaScript runtime environment. It executes JavaScript code outside of a browser, whereas VSCode is used to get a typical experience of IDE for developers.

vscode-recipesby microsoft

JavaScript star image 5509 Version:Current

License: Permissive (MIT)

Support
Quality
Security
License
Reuse

vscode-recipesby microsoft

JavaScript star image 5509 Version:Current License: Permissive (MIT)

Support
Quality
Security
License
Reuse

nodeby nodejs

JavaScript star image 93138 Version:v18.14.0

License: Others (Non-SPDX)

Node.js JavaScript runtime :sparkles::turtle::rocket::sparkles:

Support
Quality
Security
License
Reuse

nodeby nodejs

JavaScript star image 93138 Version:v18.14.0 License: Others (Non-SPDX)

Node.js JavaScript runtime :sparkles::turtle::rocket::sparkles:
Support
Quality
Security
License
Reuse

Tools

To make a Crypto boy you need to install truffle, Ganache CLI, npm, Metamask. Truffle framework is used as a testing framework and asset pipeline for blockchains using the Ethereum Virtual Machine (EVM). Ganache-CLI is the latest version of TestRPC and a fast and customizable blockchain emulator. npm is the default package manager for the JavaScript runtime environment Node.js. MetaMask is a software cryptocurrency wallet used to interact with the Ethereum blockchain.

truffleby trufflesuite

TypeScript star image 13760 Version:5.7.2

License: Permissive (MIT)

A tool for developing smart contracts. Crafted with the finest cacaos.

Support
Quality
Security
License
Reuse

truffleby trufflesuite

TypeScript star image 13760 Version:5.7.2 License: Permissive (MIT)

A tool for developing smart contracts. Crafted with the finest cacaos.
Support
Quality
Security
License
Reuse

ganache-cliby trufflesuite

JavaScript star image 3220 Version:v6.12.2

License: Permissive (MIT)

Fast Ethereum RPC client for testing and development

Support
Quality
Security
License
Reuse

ganache-cliby trufflesuite

JavaScript star image 3220 Version:v6.12.2 License: Permissive (MIT)

Fast Ethereum RPC client for testing and development
Support
Quality
Security
License
Reuse

cliby npm

JavaScript star image 6790 Version:config-v6.1.2

License: Others (Non-SPDX)

the package manager for JavaScript

Support
Quality
Security
License
Reuse

cliby npm

JavaScript star image 6790 Version:config-v6.1.2 License: Others (Non-SPDX)

the package manager for JavaScript
Support
Quality
Security
License
Reuse

metamask-extensionby MetaMask

JavaScript star image 9348 Version:v10.24.2

License: Others (Non-SPDX)

:globe_with_meridians: :electric_plug: The MetaMask browser extension enables browsing Ethereum blockchain enabled websites

Support
Quality
Security
License
Reuse

metamask-extensionby MetaMask

JavaScript star image 9348 Version:v10.24.2 License: Others (Non-SPDX)

:globe_with_meridians: :electric_plug: The MetaMask browser extension enables browsing Ethereum blockchain enabled websites
Support
Quality
Security
License
Reuse

Kit Solution Source

cryptoboys-nft-marketplaceby devpavan04

JavaScript star image 7 Version:Current

License: No License (null)

An NFT marketplace where users can mint ERC721 implemented Crypto Boy NFTs and manage them on the Ethereum Blockchain.

Support
Quality
Security
License
Reuse

cryptoboys-nft-marketplaceby devpavan04

JavaScript star image 7 Version:Current License: No License

An NFT marketplace where users can mint ERC721 implemented Crypto Boy NFTs and manage them on the Ethereum Blockchain.
Support
Quality
Security
License
Reuse

Support

If you need help to use this kit, you can email us at kandi.support@openweaver.com or direct message us on Twitter Message Message @OpenWeaverInc.

See similar Kits and Libraries

Financial Services
JavaScript
Blockchain
Server