`. Make sure to specify the NFTs or tokens you are looking for in your [InLoop Connect dashboard](https://connect.inloop.to/dashboard)!
5. The response should be a JSON structure like the one below. **You're pretty much done!** Now you can grant your users benefits associated with the tokens or NFTs they own.
{% code title="Sample response" %}
```json
{
user_token: 'eyJ...',
wallet_address: '0xa5B8...',
tokens_owned: [
{
contract_name: 'My NFT',
contract_address: '0xc048...',
network: 'polygon',
token_type: 'erc721',
token_ids: [42],
quantity: 1
}
]
}
```
{% endcode %}
## **Code Samples**
**See a complete, working repo with React.js and Express.js at** [**https://github.com/inloop-to/inloop-example**](https://github.com/inloop-to/inloop-example)**.**
**Client-side** - React example:
```jsx
import React, { useEffect, useState } from "react";
export default function NFTVerify() {
const search = window.location.search;
const code = new URLSearchParams(search).get("code");
const [tokens, setTokens] = useState();
const [wallet, setWallet] = useState();
useEffect(() => {
if (!code) {
return;
}
(async () => {
// Exchange temporary authorization code with permanent user token
// Implement this on your backend (example in the next code block)
// Do not expose your API secret key on the client side!
const user_token_fetch = await fetch(
"http://localhost:3001/api/user-token",
{
body: JSON.stringify({
code: code,
}),
headers: {
"Content-Type": "application/json",
},
method: "POST",
}
);
const user_token_response = await user_token_fetch.json();
// Call the list tokens API
// Implement this on your backend (example in the next code block)
// Do not expose your API secret key on the client side!
const list_tokens_fetch = await fetch(
"http://localhost:3001/api/list-tokens",
{
body: JSON.stringify({
user_token: user_token_response.user_token,
}),
headers: {
"Content-Type": "application/json",
},
method: "POST",
}
);
const list_tokens_response = await list_tokens_fetch.json();
setTokens(list_tokens_response.tokens_owned);
setWallet(list_tokens_response.wallet_address);
})();
}, [code]);
return (
<>
{tokens && wallet ? (
<>
Tokens owned by {wallet}
{tokens.map((token) => (
<>
Name: {token.contract_name}
Contract Address: {token.contract_address}
Quantity Owned: {token.quantity}
ID(s) of token(s) owned: {token.token_ids}
))}
) : (
)}
);
}
```
**Server-side** - Node.js example:
```javascript
// REPLACE WITH YOUR API SECRET KEY HERE
const API_SECRET_KEY = "XXXXXXXXXX";
const app = express();
// Take authorization code and exchange for permanent user token
app.post("/api/user-token", async function (req, res) {
const response = await axios({
method: "POST",
url: "https://connect.inloop.to/api/v1/oauth/token",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${API_SECRET_KEY}`,
},
data: {
code: req.body.code,
},
});
return res.status(200).json(response.data);
});
// Fetch the list of ERC-20 tokens or NFTs for a user
app.post("/api/list-tokens", async function (req, res) {
const response = await axios({
method: "GET",
url: `https://connect.inloop.to/api/v1/users/${req.body.user_token}/tokens`,
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${API_SECRET_KEY}`,
},
});
return res.status(200).json(response.data);
});
```
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.connect.inloop.to/examples.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.