PreRequisites

- Install MetaMask - Create a new network with the following settings :

    Network Name       : Moonbase Alpha
    New RPC URL        : https://rpc.api.moonbase.moonbeam.network
    Chain ID           : 1287
    Currency Symbol    : DEV
    Block Explorer URL : https://moonbase.moonscan.io/

-Add some test token from moonbase faucet to your metamask wallet

Steps to run it on your local machine

Step 1 :Clone the project

git clone https://github.com/kapil4457/MoonBeam-Final-Submission.git

Step 2 : Installing all the dependencies

npm install

Step 3 : Deploy the Smart Contract

npx hardhat run ./src/scripts/deploy.js --network moonbase

Copy the artifacts folder created and paste it into the src folder
Go to the config.js in the src folder(if not present,create one) and paste the contract address in there

Step 4 : Create a file and name it ".secret"

In this file paste your Metamask Account Private Key.

Step 5 : Create a file named ".env"

In this create the following varaibles :-

NFT_PORT

Create an account on NFT Port and generate an API key and set the value of this variable as that key

Now you are all set to go

Run the following command :-

npm start

Note

If your browser doesnot support IPFS URL then before starting the project do the following changes :- (Doing So,the image and name of the NFT which will be shown will not be the one that you uploaded , but will be a temporary immage) 1. Go to Components folder and go to Home.jsx and comment out the following lines as shown in the picture
(https://user-images.githubusercontent.com/78656206/192129825-67290c93-5dd6-4b8d-ac36-6faa621a16b1.png)
2. Go to Components folder and go to HomePageCard.jsx and comment out the following lines of code as shown in the picture
(https://user-images.githubusercontent.com/78656206/192129930-b3883505-f303-4863-8a5b-f85301735561.png)
3. You will get the MetaData in your console and you can even check your data uploaded to ipfs

kapil4457 / MoonBeam-Final-Submission