Bit Music Marketplace

A dApp to upload, buy and resell music files using cryptocurrency. Ipfs is used to store the files in a decentralized way, react is used for frontend, solidity for backend and ethers for api between them.

Tools Used

Solidity (Smart Contracts)
Javascript: React.js (React - Frontend)
React routers (Navigation between frontend components)
Hardhat (Development Framework - Test Local Network)
Ethers (Library for interaction between frontend and the blockchain)
Ipfs (Decentralized Music and Metadata storage)

Set Up

Do the following in the root folder after cloning the repo in that folder.

1. Install Dependencies

npm install

2. Boot up local development blockchain

npx hardhat node

3. Connect development blockchain accounts to Metamask

Add 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 1234. Then click save.
Copy private key of the addresses and import to Metamask
Connect your metamask to hardhat blockchain, network 127.0.0.1:8545.

4. Migrate (Complie and Run) Smart Contracts

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

5. Set up local ipfs Node

Install Ipfs Desktop for your computer from https://github.com/ipfs/ipfs-desktop/releases and run it
Change the API: HTTPHeaders field to

"HTTPHeaders": {
			"Access-Control-Allow-Methods": [
				"POST",
				"GET",
				"PUT"
			],
			"Access-Control-Allow-Origin": [
				"http://localhost:3000",
				"webui://-",
				"https://webui.ipfs.io"
			]
		}

and restart the app (this is for the ipfs node to allow our frontend server the access to our ipfs local node's API)

6. Disable CORS checks on local browser

Install and run a CORS Check Blocker Extension like Moesif CORS

7. Run Frontend React App

npm run start

8. Connect Wallet to Frontend

Tap on Connect Wallet in the browser

Neo-Panther/BitMusic-Marketplace