NFT Marketplace for Images

share link

by kandikits dot icon Updated: Sep 16, 2022

technology logo
technology logo

Solution Kit Solution Kit  

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 doticonstar image 5612 doticonVersion:Currentdoticon
License: Permissive (MIT)

Support
    Quality
      Security
        License
          Reuse

            vscode-recipesby microsoft

            JavaScript doticon star image 5612 doticonVersion:Currentdoticon License: Permissive (MIT)

            Support
              Quality
                Security
                  License
                    Reuse

                      nodeby nodejs

                      JavaScript doticonstar image 95980 doticonVersion:v20.3.0doticon
                      License: Others (Non-SPDX)

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

                      Support
                        Quality
                          Security
                            License
                              Reuse

                                nodeby nodejs

                                JavaScript doticon star image 95980 doticonVersion:v20.3.0doticon 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 doticonstar image 13947 doticonVersion:v5.9.4doticon
                                          License: Permissive (MIT)

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

                                          Support
                                            Quality
                                              Security
                                                License
                                                  Reuse

                                                    truffleby trufflesuite

                                                    TypeScript doticon star image 13947 doticonVersion:v5.9.4doticon License: Permissive (MIT)

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

                                                              ganache-cliby trufflesuite

                                                              JavaScript doticonstar image 3220 doticonVersion:v6.12.2doticon
                                                              License: Permissive (MIT)

                                                              Fast Ethereum RPC client for testing and development

                                                              Support
                                                                Quality
                                                                  Security
                                                                    License
                                                                      Reuse

                                                                        ganache-cliby trufflesuite

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

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

                                                                                  cliby npm

                                                                                  JavaScript doticonstar image 7210 doticonVersion:v9.7.1doticon
                                                                                  License: Others (Non-SPDX)

                                                                                  the package manager for JavaScript

                                                                                  Support
                                                                                    Quality
                                                                                      Security
                                                                                        License
                                                                                          Reuse

                                                                                            cliby npm

                                                                                            JavaScript doticon star image 7210 doticonVersion:v9.7.1doticon License: Others (Non-SPDX)

                                                                                            the package manager for JavaScript
                                                                                            Support
                                                                                              Quality
                                                                                                Security
                                                                                                  License
                                                                                                    Reuse
                                                                                                      JavaScript doticonstar image 10096 doticonVersion:v10.31.1doticon
                                                                                                      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 doticon star image 10096 doticonVersion:v10.31.1doticon 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

                                                                                                                          JavaScript doticonstar image 335 doticonVersion:Currentdoticon
                                                                                                                          no licences License: No License (null)

                                                                                                                          An NFT marketplace where users can mint ERC721 implemented Crypto Boy NFTs.

                                                                                                                          Support
                                                                                                                            Quality
                                                                                                                              Security
                                                                                                                                License
                                                                                                                                  Reuse

                                                                                                                                    cryptoboys-nft-marketplaceby devpavan04

                                                                                                                                    JavaScript doticon star image 335 doticonVersion:Currentdoticonno licences License: No License

                                                                                                                                    An NFT marketplace where users can mint ERC721 implemented Crypto Boy NFTs.
                                                                                                                                    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