NFTDocs

Technology Stack & Tools

• Solidity (Writing Smart Contract)
• Javascript (React & Testing)
• Ethers (Blockchain Interaction)
• Hardhat (Development Framework)
• Ipfs (Metadata storage)
• React routers (Navigational components)
• web3.storage (IPFS)
• Polygon (Testing Framework)
• XMTP

Requirements For Initial Setup

• Install NodeJS, should work with any node version below 16.5.0
• Install Hardhat
• Install Material UI
• Install Metamask Extension in Web browser
• Install web3.storage
• Install Polygon

Setting Up

1. Clone/Download the Repository

2. Install Dependencies:

$ npm install

$ npm install @mui/material @emotion/react @emotion/styled

$ npm install @mui/material @mui/styled-engine-sc styled-components

3. Boot up local development blockchain

$ npx hardhat node

4. Connect development blockchain accounts to Metamask

• Copy private key of the addresses and import to Metamask
• Connect your metamask to hardhat blockchain, network 127.0.0.1:8545.
• If you have not added hardhat to the list of networks on your metamask, open up a browser, click the fox icon, then click the top center dropdown button that lists all the available networks then click add networks. A form should pop up. For the "Network Name" field enter "Hardhat". For the "New RPC URL" field enter "http://127.0.0.1:8545". For the chain ID enter "31337". Then click save.

5. Connect to web3.storage

$ npm i web3.storage
$ API_TOKEN=YOUR_TOKEN node ./store.mjs

6. Migrate Smart Contracts

$ npx hardhat run src/backend/scripts/deploy.js --network localhost

7. Launch Application

$ npm run start