Crypto Boy NFT Marketplace DApp Built With React

Overview

Crypto Boy NFT Marketplace

NFT marketplace DApp where users mint ERC721 implemented Crypto Boy NFTs.

Features

  • Mint custom ERC721 implemented Crypto Boy Tokens.
  • Sell Crypto Boy tokens on the marketplace.
  • Set desired token price.
  • Toggle between keeping the token for sale and not for sale.
  • Keeps track of all the tokens owned by an account - minted and bought.
  • Query blockchain for token owner and token metadata.
  • User can mint a token only after every 5 minutes.

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 - Allows 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.

Interact with the deployed DApp

  • Crypto Boy Marketplace DApp requires Metamask browser wallet extension to interact with.
  • Connect metamask browser wallet to Kovan Test Network.
  • Request and get test etheres for the metamask account from Kovan Faucet to make transactions.
  • Crypto Boy Marketplace Smart Contract is deployed to Kovan Testnet - 0x420d2a6E87D87992EB01e5BFe762B3F437dBfD85
  • Access Crypto Boy Marketplace DApp at cryptoboys-NFT-marketplace and start minting your Crypto Boys.

Run the DApp Locally

Install truffle

npm install -g truffle

Install ganache-cli

npm i ganache-cli

Run ganache-cli

ganache-cli --port 7545

Open new terminal window and clone this repository

git clone https://github.com/devpavan04/cryptoboys-NFT-marketplace.git

Install dependencies

cd cryptoboys-NFT-marketplace
npm install

Compile smart contract

truffle compile

Deploy smart contract to ganache

truffle migrate

Test smart contract

truffle test

Start DApp

npm start
  • Open metamask browser wallet and connect network to Localhost 7545.
  • Import accounts from ganache-cli into the metamask browser wallet to make transactions on the DApp.
Owner
Expert
NFT, BEP20, ERC20, ERC721. Solana, Ethereum. MERN, MEAN, MEVN. https://join.skype.com/A4aRDScIchd6
Expert
Full stack dApp with React, Ethers.js, Solidity, and Hardhat

Basic Sample React DApp Project This project demonstrates a basic dApp development with React, Ethers.js, Solidity, and Hardhat. I wanted to show you

@SmartCoding51 13 Oct 10, 2021
Full stack dApp with React, Ethers.js, Solidity, and Hardhat

Basic Sample React DApp Project This project demonstrates a basic dApp development with React, Ethers.js, Solidity, and Hardhat. I wanted to show you

@SmartCoding51 13 Oct 10, 2021
Voting DAPP made using etherium and reactjs

For Truffle configured application checkout the "newbranch" above Election Dapp Election nowadays happens using Electronic voting machine(EVM) whcih c

Yohenba Kshetrimayum 6 Oct 6, 2021
An Arweave.js dapp wallet aggregator for react. (similar to useWallet but for Arweave.)

arjs-react An Arweave.js dapp wallet aggregator for react. (similar to useWallet but for Arweave.) Todos: Implement persistent sessions with "sesssion

Jordan Miller 3 Sep 6, 2021
Netflix UI Clone with React Native & Expo || web support => https://expo-netflix.vercel.app

Netflix: UI Clone with React Native / Expo web demo: Expo Netflix Table of Contents Install & Build Features API Components/Packages Used Linting Expo

Caleb Nance 358 Oct 4, 2021
Slack UI Clone with React Native & Expo

Slack Clone with Expo Table of Contents Install & Build Stats Linting Demo & Release Notes Install & Build First, make sure you have Expo CLI installe

Caleb Nance 67 Aug 26, 2021
Disney+ UI Clone with React Native & Expo

Disney+: UI Clone with Expo Table of Contents Install & Build Features Linting Release Notes Install & Build First, make sure you have Expo CLI instal

Caleb Nance 186 Oct 20, 2021
Uber UI Clone with React Native & Expo

Uber: UI Clone with Expo Table of Contents Install & Build Features Linting Demo & Release Notes Install & Build First, make sure you have Expo CLI in

Caleb Nance 257 Oct 13, 2021
Node.js and mongoDB Google Drive Clone

MyDrive MyDrive is an Open Source cloud file storage server (Similar To Google Drive). Host myDrive on your own server or trusted platform and then ac

null 2.5k Oct 14, 2021
YouTube clone is a replica made by me from scratch of the well known online video sharing and social networking platform.

a replica made by me from scratch of the well known online video sharing and social networking platform.

Lucas Ferrari 5 Sep 29, 2021
Planets fact site with animated solar system built with ReactJS.

Frontend Mentor - Planets fact site Table of contents Overview Intro The challenge Links My process Built with Features Setup Useful resources Overvie

null 38 Sep 11, 2021
The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript

The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript. It allows you to: Display a list of books. Add a book. Remove a selected book. By building this application, I learned how to use React and Redux.

Hamza Ellaouzi 7 Oct 2, 2021
A calculator app built with React.js using React Hooks and Routers. The app contains 3 pages with basic styling. Calculator operations, as well as React components, were tested with Jest and React Testing Library.

Raect Calculator A calculator app built with React.js using React Hooks and Routers. App contains 3 pages with basic styling. Calculator operations, a

SarvarKhalimov 7 Sep 19, 2021
React Reduction - Free Admin Template Built with React and Bootstrap4

React Reduction - Free Admin Template Built with React and Bootstrap4 Preview You can check out live preview. Quick Start Clone the repo git clone htt

Reduction Theme 1.3k Oct 15, 2021
This is a React application for managing books you want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.

This is a React application for managing books you want to read. It tracks your progress and makes reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux

Henry Kc 10 Oct 17, 2021
A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). Auto formatted with Prettier, tested with Cypress.

A simplified Jira clone built with React and Node Auto formatted with Prettier, tested with Cypress ?? Visit the live app | View client | View API Wha

Ivor Reic 7.6k Oct 21, 2021
A calculator app to be built using the React Library for JavaScript

React Calculator A calculator app to be built using the React Library for JavaScript Built With React JS Library HTML CSS Getting Started To set up a

Akshay 4 Jul 22, 2021
A simplified Trello clone built with React, Redux, Node, Express and MongoDB.

Trellis A Trello Clone - Built with React, Redux, Express, and MongoDB. ?? : I'm looking for maintainers, feel free to reach out to me on [email protected]

Ayush Aggarwal 87 Oct 11, 2021
A Math Magicians Calculator built with React.

Math Magicians Calculator This is a Calculator I built with React employing hooks and best practices, such as lift state, destructuring, and passing p

Arturo Alvarez 3 Aug 23, 2021