Open RolandoDrRobot opened 2 weeks ago
I am applying to this issue via OnlyDust platform.
I am a Blockchain developer with experience in integrating NFT projects, having worked on projects like ArkProjectNFTs and Worldcoin-Bridge-Linea. I have solid knowledge of TypeScript, React, and API integration.
[1]=>Create a custom hook named useFetchNFTCollection to connect to the Ark API. [2]=>Pass the contract address to fetch and return the NFT collection data. [3]=>Place the hook in the src/hooks folder and ensure it integrates smoothly. [4]=>Reference the existing implementation in the Marketplace repo. [5]=>Test it in related components to confirm proper data fetching. [6]=>Please assign me, Sir/Madam.
I am applying to this issue via OnlyDust platform.
I am a Full Stack Developer with extensive experience in blockchain development, specializing in Next.js, TypeScript, Node.js, and Rust. With over 25 contributions across projects in the OnlyDust ecosystem, I’ve developed strong proficiency in delivering high-quality solutions and resolving complex issues within tight deadlines. My experience spans frontend, backend, smart contract development, and the optimization and maintenance of scalable codebases.
useFetchCollection
in the hooks folder within the repository (src/hooks)
. This hook will accept the contract address of an NFT collection as a parameter and return the data fetched from the Ark API. The hook will handle asynchronous API calls, loading states, and error handling internally. NftOwner and NftDetails
.Finally, I will ensure that i refer to the existing hook implementation in the Marketplace repo for consistency. This will ensure that our new hook aligns with the structure and best practices already established in the project.
I am applying to this issue via OnlyDust platform.
Hi guys, Joel from Dojo Coding. Would love to work on this issue. I have a few years of experience doing Full Stack. I never used the Ark API, but took a look at it and the example implementation and seems pretty doable. Also would be a good practice run for the moment we implement NFTs in Overdrive lol
I am applying to this issue via OnlyDust platform.
I'm Poulav Bhowmick, a Starknet Wolf. I am a software engineer at Invisible Studios, and a blockchain engineer with a robust background in TypeScript, Rust, Solidity Cairo, fullstack development and blockchain technology. My experience includes building robust applications, optimizing functionalities and blockchain integration. I have actively participated in events and open source contributions, enhancing my capability to tackle real-world tech challenges. My projects can be viewed on my GitHub Profile and OnlyDust Profile. Plus I´m active member of Starknet, Ethereum, Stellar ecosystem.
I will solve this issue by creating a custom hook named useCollection that leverages the Ark API to fetch details of a specific NFT collection using the provided contract address. The hook will use @tanstack/react-query to manage the data fetching, caching, and state management. I will implement a getCollection function to make the actual API call to the Ark Project's /v1/contracts/{contract_address} endpoint, which retrieves the contract details. This hook will reside in a newly created hooks folder in the project structure, allowing other components to access and display the collection data as needed. Additionally, I will set a refetch interval to ensure the data stays up-to-date. I will refer to the existing implementation in the referenced Marketplace repo to maintain consistency.
ETA - 2 days
I am applying to this issue via OnlyDust platform.
Hii! My name is Mario Araya, I’m a Software Developer with 2+ years of experience. I have worked with backend technologies such as Cairo, Java, and C#, as well as frontend development using React, NextJS, and JavaScript/TypeScript. I’ve made contributions to open-source projects, completed a Starknet Bootcamp, exercises on NodeGuardians, finished Starklings, and participated in multiple hackathons. I’m also a member of the Dojo Coding community here in Costa Rica.
I start by defining a new hook, for example, useFetchNftCollection. In this hook, accept the contract address of the NFT collection as an argument. Use useEffect to trigger the data fetch when the component mounts or when the contract address changes. Inside the useEffect, make an API call to the ARK API's endpoint for retrieving the collection based on the provided contract address. Store the fetched data in a state variable using useState, and return the data and any loading or error states from the hook. Finally, ensure the hook is reusable in other components by importing and using useFetchNftCollection where needed, passing the relevant contract address.
I am applying to this issue via OnlyDust platform.
Hi, I'm Collins a frontend and blockchain developer, and an active contributor on OnlyDust. You can check out my profile here: https://app.onlydust.com/u/0xdevcollins. This is my first time contributing to this repository, and I’m excited about the opportunity to contribute. Looking forward to collaborating!
To create the useCollection custom hook for fetching NFT data from the Ark API, I would follow these steps:
Setup the Hook: I would create a new file in the hooks directory named useCollection.ts. API Integration: I would use fetch or axios to call the Ark API endpoint (https://api.arkproject.dev/nft-contracts/{contractAddress}/nfts) with the provided contract address. State Management: I would utilize React's useState to manage the fetched collection data, loading state, and any errors. Data Handling: I would use useEffect to trigger the API call when the contract address changes, updating the state accordingly. Return Values: I would return the collection data, loading state, and error state from the hook for use in other components. Usage: Finally, I would import this hook in my NftCollection component and pass the contract address to retrieve and display the collection data.
I am applying to this issue via OnlyDust platform.
i have experience in game dev previously as personal projects and hoping to make use of them here and mark my first odhack contribution
I'm going to create a custom hook useCollection that focuses on collection-level performance optimization by implementing data streaming with Suspense boundaries and automatic background refreshing. The hook will use IndexedDB for local caching to minimize API calls, handle offline scenarios gracefully, and maintain a queue of pending fetches that sync when connectivity is restored - all while keeping the existing API interface.
I am applying to this issue via OnlyDust platform.
Hello, can I be assigned to work on this issue?
I'm a software developer with over 4 years experience
Here's my OnlyDust profile https://app.onlydust.com/u/raizo07
ETA: One day
I am applying to this issue via OnlyDust platform.
I am a React developer with over two years of experience and have recently developed a strong interest in blockchain technology. I have valuable experience navigating codebases and I have recently implemented a similar task for Starknet React by implementing add token hook and writing a test for the hook.
As someone still learning, I am happy to take on the challenge to work with ark api.
Clone the project on my pc Spin it up following the documentation Review the existing codebase to understand how current hooks are implemented if any I plan to create the hook after review Implement the Hook Test the Hook Document the Hook
I am applying to this issue via OnlyDust platform.
Create the first hook to connect to Ark and fetch any NFT collection
Hello ByteBuilsdersLabs team,
I am Joel Vargas, and I'm a member of Dojo Coding. I also come from OnlyDust.
I would like to request the assignment of this issue. Below is my proposed approach for implementing this issue:
The goal is to create a custom hook that fetches data from a specific NFT collection using the Ark API. This hook will allow us to retrieve all elements of a collection by simply passing the contract address of the NFT contract. The fetched data will then be used in various components throughout the project.
Custom Hook (useCollection
):
useCollection
will be created inside the hooks
folder of the repository.useCollection
hook located here.Integration with Components:
useCollection
hook will be integrated into the following components/pages as required:
API Usage:
Project Structure:
hooks
folder of the following directory: Website repo.Testing:
useCollection
) is created that fetches data from a specific NFT collection using the Ark API.useCollection
hook and test its integration in the respective components.@RolandoDrRobot thanks bro!
I'll work on it soon!
Description
Please use this repo as reference