Initial Commit

README.md

@@ -0,0 +1,48 @@
+# NFT Music Player
+
+## Technology Stack & Tools
+
+- Solidity (Writing Smart Contract)
+- Javascript (React & Testing)
+- [Ethers](https://docs.ethers.io/v5/) (Blockchain Interaction)
+- [Hardhat](https://hardhat.org/) (Development Framework)
+- [Ipfs](https://ipfs.io/) (Metadata storage)
+- [React routers](https://v5.reactrouter.com/) (Navigational components)
+
+## Requirements For Initial Setup
+- Install [NodeJS](https://nodejs.org/en/), should work with any node version below 16.5.0
+- Install [Hardhat](https://hardhat.org/)
+
+## Setting Up
+### 1. Clone/Download the Repository
+
+### 2. Install Dependencies:
+```
+$ cd music_nfts
+$ npm install
+```
+### 3. Boot up local development blockchain
+```
+$ cd music_nfts
+$ 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. Run deploy script to migrate smart contracts
+`npm run deploy`
+
+### 6. Run Tests
+`$ npx hardhat test`
+
+### 7. Launch Frontend
+`$ npm run start`
+
+License
+----
+MIT
+

package.json

@@ -6,6 +6,7 @@
     "@babel/preset-react": "^7.16.7",
     "@nomiclabs/hardhat-ethers": "^2.0.5",
     "@nomiclabs/hardhat-waffle": "^2.0.2",
+    "@openzeppelin/contracts": "^4.5.0",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.3",
     "@testing-library/user-event": "^13.5.0",
@@ -14,13 +15,17 @@
     "ethereum-waffle": "^3.4.0",
     "ethers": "^5.5.4",
     "hardhat": "^2.8.4",
+    "identicon.js": "^2.3.3",
     "react": "^17.0.2",
     "react-bootstrap": "^2.1.2",
     "react-dom": "^17.0.2",
+    "react-identicons": "^1.2.5",
+    "react-router-dom": "^6.2.2",
     "react-scripts": "5.0.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
+    "deploy": "npx hardhat run src/backend/scripts/deploy.js --network localhost",
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",

src/URI/0.json

@@ -0,0 +1,5 @@
+{
+    "tokenId": 0,
+    "name": "Icelandic Arpegio",
+    "audio": "https://bafybeifbgoo4xupoud3nx573hw5d7lg4ad5znv2dn54z5ni57e76pkoo6u.ipfs.nftstorage.link/"
+}

src/URI/1.json

@@ -0,0 +1,5 @@
+{
+    "tokenId": 1,
+    "name": "Spanish Moss",
+    "audio": "https://bafybeig7mji6e5kibxzwis6fbgeadafbnjiayajs4embbe66djgolnkpcy.ipfs.nftstorage.link/"
+}

src/URI/2.json

@@ -0,0 +1,5 @@
+{
+    "tokenId": 2,
+    "name": "Beyond",
+    "audio": "https://bafybeidhrr3stnf75u3abphe42a4v35w5xj5t2wdof2q67sxpwne3tihtq.ipfs.nftstorage.link/"
+}

src/URI/3.json

@@ -0,0 +1,5 @@
+{
+    "tokenId": 3,
+    "name": "Koto San",
+    "audio": "https://bafybeiclfffrxf7iqzdtlpfgglta3grxtehv5udwtpjicypmu4zkmzhbuy.ipfs.nftstorage.link/"
+}

src/URI/4.json

@@ -0,0 +1,5 @@
+{
+    "tokenId": 4,
+    "name": "Orient",
+    "audio": "https://bafybeianlxxkv7zxg3u2ws2y7ahel47oj5rpsfsi44hnw2e63lbukssami.ipfs.nftstorage.link/"
+}

src/URI/5.json

@@ -0,0 +1,5 @@
+{
+    "tokenId": 5,
+    "name": "Wind Riders",
+    "audio": "https://bafybeigzzd3fuux3jwvpionqs66xbtr6hyyzbkruts3nl5bzfdwek65lei.ipfs.nftstorage.link/"
+}

src/URI/6.json

@@ -0,0 +1,5 @@
+{
+    "tokenId": 6,
+    "name": "Aukland",
+    "audio": "https://bafybeibnsaj4tyy4cmt5l2q46daqjszip5harlilo2o2mmzl2qxluq6yxy.ipfs.nftstorage.link/"
+}

src/URI/7.json

@@ -0,0 +1,5 @@
+{
+    "tokenId": 7,
+    "name": "Wander",
+    "audio": "https://bafybeibiact5mzz7p34nn72obswkor7wmyl2tvc4g4cjjdxwxo5gaes3pi.ipfs.nftstorage.link/"
+}