search

Vagabonds-Labs / cofiblocks

Welcome to Cofiblocks marketplace: A Starknet web3 platform to innovate Costa Rica coffee industry. Cofiblocks connects small coffee farmers directly with coffee lovers, cutting out unnecessary intermediaries.
https://www.cofiblocks.com/
7 stars 16 forks source link

Implement MyNFTs section #13

Open brolag opened 2 months ago

brolag commented 2 months ago

Create a section where users can view NFTs they have acquired through the platform.

Benjtalkshow commented 2 months ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hello @brolag,

Can I work on this task? I am ready and available to take it on. I’m an experienced full-stack JavaScript developer with 4 years of experience and a passion for developing frontend web applications. I specialize in using Next.js to build full-stack applications. I have made over 18 contributions on OnlyDust in Next.js, Cairo, TypeScript, and JavaScript projects. I would be glad if this task is assigned to me.

How I plan on tackling this issue

Technical Approach:

  1. Build a UI for displaying NFTs: I will design and implement a section where users can view NFTs they have acquired. The UI will be clean, responsive, and optimized for showcasing NFTs. Fetch user-specific NFTs: I will integrate with the blockchain to fetch NFTs tied to the user’s account, ensuring the correct NFTs are displayed.
  2. Display relevant metadata: Each NFT will display key metadata such as title, description, and any other associated information like rarity, ownership history, and token ID.
onlydustapp[bot] commented 2 months ago

Hey @Benjtalkshow! Thanks for showing interest. We've created an application for you to contribute to Cofiblocks. Go check it out on OnlyDust!

0xdevcollins commented 2 months ago

Hello @brolag,

I am Collins Ikechukwu, and I am eager to take on this task. With 4 years of experience as a full-stack JavaScript developer, I have a strong background in developing frontend web applications, particularly using Next.js. I’ve contributed to OnlyDust in projects involving Next.js, Cairo, TypeScript, and JavaScript. I’m confident that I can handle this task effectively and would be grateful if you could assign it to me.

onlydustapp[bot] commented 2 months ago

Hey @devcollinss! Thanks for showing interest. We've created an application for you to contribute to Cofiblocks. Go check it out on OnlyDust!

HumbertoTM10 commented 1 month ago

Hi @brolag!

My approach to this would be to display user-specific NFTs, create a React component for the NFT cards using TailwindCSS for styling. Integrate Starknet using @starknet-react/core to fetch the NFTs for the connected user by calling the appropriate contract method. Use useEffect to update the NFT list when data is fetched. Finally, render the NFTs in a responsive grid, ensuring each displays relevant metadata like image, name, and description.

brolag commented 1 month ago

Hi @HumbertoTM10. Assigning this to you.

HumbertoTM10 commented 1 month ago

Hey @brolag a PR #24 was created regarding this issue, let me know any feedback you may have.