wiredweb3/nelson-nft-stacking-frontend

NFT stacking frontend completion using web3 on solana for client Nelson project.

NFT Staking test with React App

Needed requirement

Check the phantom extension was installed.

Copy idl file (nft_staking.json) to staking-ui/src/assets/ directory;

Follow Step by Step

In the project directory, you can run:

1 => yarn install

Install all needed packages

2 => Configration

Initialize All configure data( Pool PublicKey, Liquidity Pool Mint PublicKey,
Funder PublicKey, Vault PublicKey, MintRewards PublicKey ).

• All files are being created with random so if you want you can store file using "solana-keygen new -o file.json"

Copy All Pubkeys to staking-ui/src/config.js file.

• poolPublicKey = Pool PublicKey
• lpMintPublicKey = Liquidity Pool Mint PublicKey
• funderPublicKey = Funder PublicKey
• vaultPublicKey = Vault PublicKey
• mintRewardsPublicKey = MintRewards PublicKey

3 => yarn start

• You can stake NFTs if you hit the "Stake" button on the nft bottom.

• You can claim Rewards if you hit the "Claim Rewards" button on the top left.

• You can see currently pending claim reward amount if you hit the "Pending Rewards" button on the top.

• You can unstake NFTs if you clicks the "Unstake NFT" button on the top right.