NFT-Collection-Explorer

Quicknode NFT Collection Explorer

Web Local Development

Step 1️⃣:

From the root of the project, navigate to web, install dependencies, and run the local development server.

cd web
pnpm i

Step 2️⃣:

Add environment variable.

cp .env.example .env

Open the .env file in a code editor and replace YOUR_URL_HERE with your Quicknode Ethereum HTTPS URL.

Step 3️⃣:

Start your local server.

pnpm dev

Your app will be serving on localhost:3000

For Mobile Expo Local Development

From the root of the project, navigate to mobile, install dependencies, and run the local development server.

cd mobile
npm i
npm start

Supported Chains

• Ethereum

Quicknode APIs

• Token API
• NFT API

Features

Status	Feature	Route	Method	Documentation
✅	See token balances	/balance	getWalletTokenBalance	qn_getWalletTokenBalance
✅	See NFTs grouped by collection	/collections	fetchNFTsByCollection	qn_fetchNFTsByCollection
✅	NFT detail page with metadata and traits on Etherscan	/details	fetchNFTCollectionDetails	qn_fetchNFTCollectionDetails