Skip to content

dappsar/buildspace-projects-nft-collection

Repository files navigation

Mint your own NFT Collection

Introduction

A project that let users connect their Ethereum wallet, and mint an NFT to their wallet so they actually own it. They'll even be able to re-sell the NFT on OpenSea. The NFT itself can be customized.

It was developed following the steps in buildspace.so.

sample image app

Live demo

https://nft-starter-project.dappsar.repl.co

Technology Stack & Tools

  • Visual Studio Code
  • nvm / nodejs / npm / npx
  • Javascript (React & Testing)
  • Solidity (Writing Smart Contracts & Tests)
  • Hardhat (Development Framework)
  • Ethers.js (Blockchain Interaction)
  • React.js (Frontend Framework)
  • Metamask
  • QuickNode
  • Pinata
  • Replit: It is a browser-based IDE that lets us easily build web apps and deploy them all from the browser. It is super legit. Instead of having to set up a full local environment and write commands to deploy, it's all just given to us.

Requirements For Initial Setup

  • Install NodeJS. Recommended: Use nvm)
  • Register an account and Ethereum Test node in quicknode
  • Set un .env file in root folder with this content:
    • STAGING_QUICKNODE_KEY=(your quicknode url)
    • PROD_QUICKNODE_KEY=(nothing)
    • PRIVATE_KEY=(your metamask's acoount private key)
    • ETHERSCAN_KEY=(your Etherscan's acoount API key)

Setting Up

1. Clone/Download the Repository

$ git clone repo_url

2. Install Dependencies

$ npm install

3. Run tests

$ npx hardhat test $REPORT_GAS=true npx hardhat test

4. Start Hardhat node

$ npx hardhat node

5. Run deployment script

In a separate terminal execute: $ npx hardhat run ./scripts/deploy.js --network localhost

6. Start frontend

$ npm run start

7. Simple run (command line)

$ npx hardhat run ./scripts/run.js

8. Verify source code in Etherscan

$ npx hardhat verify 0xc80edAF4e45d34eA1b1a64C7a957EB848d12aB33 --network goerli

Links