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

Related tags

Learning resource Nelson-NFT-stacking-frontend
Overview

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.

You might also like...

This repo contains instructions on how to create your NFT in Solana(using Metaplex and Candy Machine) and mint it using your custom front-end Dapp

This repo contains instructions on how to create your NFT in Solana(using Metaplex and Candy Machine) and mint it using your custom front-end Dapp

Solana-NFT minting Dapp Create your own NFT's on Solana, and mint them from your custom front-end Dapp. Tools used Metaplex - Metaplex is the NFT sta

Nov 2, 2022

Complete Open Source Front End Candy Machine V2 Minter dAPP Built For The Frog Nation NFT Solana Project. Built With React, Candy Machine V2, Typescript

Complete Open Source Front End Candy Machine V2 Minter dAPP Built For The Frog Nation NFT Solana Project. Built With React, Candy Machine V2, Typescript

Complete Open Source Front End Candy Machine V2 Minter dAPP Built For The Frog Nation NFT Solana Project. Built With React, Candy Machine V2, Typescript

Sep 24, 2022

Web3-citizens-app - React application based on smart contract using web3 and MetaMask extention.

Web3-citizens-app - React application based on smart contract using web3 and MetaMask extention.

Citizens App (web3-react-redux) React application based on smart contract using web3 and MetaMask extention. Start the applicarion Recomend to install

Aug 25, 2022

A super simple web3 API to allow crypto interactions with the Solana Network 🔑🌐

orca.js A JavaScript API for web3 Transaction and Authenticating PLEASE NOTE: orca.js is still in development! And comming soon in 2022. Stay tuned on

Mar 20, 2022

A super simple web3 API to allow crypto interactions with the Solana Network 🔑🌐

orca.js A JavaScript API for web3 Transaction and Authenticating PLEASE NOTE: orca.js is still in development! And comming soon in 2022. Stay tuned on

Mar 20, 2022

A tool for generating solana web3 clients from anchor IDLs.

anchor-client-gen Generate typescript solana web3 clients from anchor IDLs. Installation # npm $ npm install --global anchor-client-gen # yarn $ yarn

Dec 17, 2022

Music World is web3 app built over Solana where anyone can add their favourite songs and see the other songs that are added by different people from around the globe.

💥 Introduction Music World is web3 app built over Solana where anyone can add their favourite songs and see the other songs that are added by differe

Jun 10, 2022

GitHub completion for ddc.vim via gh

ddc-github GitHub completion for ddc.vim via gh These sources collect something related to GitHub (e.g. issues, pull requests) via gh, which is GitHub

Oct 18, 2022

A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.

A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.

Yank Note A hackable markdown note application for programmers Download | Try it Online Not ecommended English | 中文说明 [toc]{level: [2]} Highlights

Dec 31, 2022
Comments
  • Failed to compile: yarn start

    Failed to compile: yarn start

    I run 'yarn install' and then run 'yarn start'. Since I face the following error. "" Failed to compile.

    Failed to load config "react-app" to extend from. Referenced from: E:\Solana\Nelson-Stacking\Nelson-NFT-stacking-frontend-master\package.json "" Screenshot 2022-05-10 103327

    opened by topchall 0
  • Doc for the staking page

    Doc for the staking page

    hey,

    i want to use your interface but i cant see any documentation for the user interface ,

    the first problem that i had , how to show the NFT collection on the interface cause i can't get that !

    should i change the public key ? for this one

    also there's two files on assets folder ( test.json ,MINT_LIST1.json ) are those files used ?

    thank you

    opened by omaritto99 0
  • Initialize All configure data

    Initialize All configure data

    Hi, I'm newbie in solana development, I don't understant how can I do that:

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

    Can you help me ?

    Thanks

    opened by Vitu02 4
Owner
Kapollo
********* Senior Blockchain Dev! ********* * [Ethereum/Polygon/BSC/Solana/Near] * *[DeFi - Dao - Dex - NFT Market - Game]*
Kapollo
GitHub
Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collections

eznft Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collec

null 3 Sep 21, 2022
Candy Shop is a JavaScript library that allows DAOs, NFT projects and anyone to create an NFT marketplace on Solana in minutes!

Candy Shop (IN BETA) Intro Candy Shop is a JavaScript library that allows DAOs, NFT projects and anyone to create an NFT marketplace on Solana in minu

LIQNFT 111 Dec 15, 2022
Fullstack Dynamic NFT Mini Game built using 💎 Diamond Standard [EIP 2535] 🏃‍♀️Players can use Hero NFT to battle against Thanos ⚔ Heroes can be Healed by staking their NFT 🛡

?? Fullstack Dynamic NFT Mini Game ?? ?? Using Diamond Standard Play On ?? ?? ⏩ http://diamond-dapp.vercel.app/ Project Description ?? Fullstack Dynam

Shiva Shanmuganathan 21 Dec 23, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
solana-base-app is a base level, including most of the common features and wallet connectivity, try using `npx solana-base-app react my-app`

solana-base-app solana-base-app is for Solana beginners to get them up and running fast. To start run : run npx solana-base-app react my-app change th

UjjwalGupta49 33 Dec 27, 2022
🐲 Epic NFTs [UI] - Proyecto que te permitirá conectar tu billetera y acuñar un NFT, podrás revender el NFT en OpenSea. El NFT en sí se puede personalizar

?? Epic NFTs [UI] El proyecto se encuentra deployado en Vercel para que puedan verlo e interactuar con él, toda crítica o comentario se agradece, pued

Braian D. Vaylet 17 Oct 22, 2022
NFT Marketplace framework to build standalone NFT marketplace or inApp/inGame NFT marketplace

NFT Marketplace This project is a decentalized NFT Marketplace framework which is to be the baseline for you to build standalone NFT marketplace or in

Reddio, inc. 14 Dec 19, 2022
A web3 starter project using Typescript, Hardhat, ethers.js and @web3-react

Starter React Typescript Ethers.js Hardhat Project This repo contains a Hardhat and React Dapp starter project. The React Dapp in the frontend dir of

ChainShot 39 Dec 31, 2022