Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add an example that connects a wallet in the browser #1

Closed
lorisleiva opened this issue May 11, 2022 · 2 comments · Fixed by #8
Closed

Add an example that connects a wallet in the browser #1

lorisleiva opened this issue May 11, 2022 · 2 comments · Fixed by #8
Labels
fellowship Task ideally reserved for fellowships

Comments

@lorisleiva
Copy link
Contributor

lorisleiva commented May 11, 2022

Create a simple React application that connects a wallet in the browser via the Solana Wallet Adapter library.

  • Create a MetaplexProvider component that uses the wallet provided by the WalletProvider component and return a Metaplex instance. Here is a very rough proof of concept.
  • Add dropdown to select a cluster (mainnet, devnet or testnet) and hook that dropdown with the ConnectionProvider which will end up being used by the MetaplexProvider.
  • Use the connected wallet to display a random NFT from their wallet and add a "Pick a new random NFT" button to refresh it.
  • Write a detailed README file that explains the steps to reproduce to achieve the created example. Look at the current READMEs for inspiration. Since this example is not about getting started with a web framework, choose a starting framework from this repository and link to its README as the first first. I recommend Next.js since it has the lowest amount of steps to get started right now.
  • When writing the steps to reproduce, it is fine to add links to larger components or style sheets instead of having to explain them all in the README. Especially if the component is more here for UI proposes than for providing valuable logic.
  • When styling components, try to stay consistent to the neutral style that was created in the existing examples.
@lorisleiva lorisleiva added the fellowship Task ideally reserved for fellowships label May 11, 2022
@lorisleiva lorisleiva changed the title Add example that connects a wallet in the browser Add an example that connects a wallet in the browser May 11, 2022
@statikdev
Copy link

statikdev commented May 12, 2022

@lorisleiva // I can try taking this on over the weekend.

edit: just saw this is for fellowships.

@rainbow1223
Copy link

I think this project is well-structured

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
fellowship Task ideally reserved for fellowships
Projects
None yet
3 participants