Skip to main content

Setup your Development Environment

You’ll need an active Algorand dApp and Node.js installed to use the AlgoKYC React widget.

1. Install the SDK

Install the algokyc-sdk from npm. This package contains both the React frontend widget and the server-side verification utilities.

2. Add the React Widget

Import the <AlgoKYC /> component into your application. Place it wherever you want users to initiate the KYC process.
src/App.tsx
If your architecture includes a separate backend (Node.js, python, etc.), you must independently verify that the wallet actually holds the credential before allowing database operations. You can do this without seeing any PII.
src/server/api.ts

How it works for your Users

When your users click the widget:
  1. They securely download an Offline XML from the government UIDAI portal.
  2. The widget generates the zero-knowledge proof locally on their device.
  3. Their raw data is immediately deleted from memory.
  4. The cryptographic proof is submitted to the Algorand blockchain.
  5. They receive an anonymous, non-transferable credential in their wallet.
  6. The onVerified callback fires, returning control to your application.
Dive into the cryptographic architecture or read about our Shamir key security model to understand how we make this legally compliant via conditional accountability.