The @justweb3/poap-plugin extends the JustWeb3 Widget with Proof of Attendance Protocol (POAP) functionalities, allowing users to view poaps directly within your dApp.
Install the POAP Plugin using your preferred package manager:
bash
npm install @justweb3/poap-plugin
# or
yarn add @justweb3/poap-plugin
Here’s how to enable the POAP Plugin in your JustWeb3 Widget configuration:
tsx;
import { POAPPlugin } from '@justweb3/poap-plugin';
const justweb3Config = {
config: {
origin: 'http://localhost:3000/',
domain: 'localhost',
signInTtl: 86400000,
},
plugins: [
POAPPlugin({
apiKey: "<YOUR_API_KEY>", // # Optional: Calls the Talent Protocol API from the client side
backendUrl: "<YOUR_BACKEND_URL>", // # Optional: Calls the Talent Protocol API from the backend, best for production
})
],
ensDomains: [
{
ensDomain: 'yourdomain.eth',
apiKey: 'YOUR_API_KEY',
chainId: 1,
},
],
color: {
primary: '#FEA801',
background: 'hsl(0, 0%, 100%)',
destructive: 'hsl(0, 100%, 50%)',
},
};
Contributions are welcome! If you have suggestions or find issues, please open an issue or submit a pull request on the GitHub repository.