Getting Started
Demo​
Introduction​
Zeekaptcha is the first credibly neutral on-chain captcha for Web3.
Zeekaptcha uses zero-knowledge cryptography to perform trustless captcha verification. This enables smart contracts to be bot-protected and for users to create on-chain reputation.
For the source, check our github.
info
For a more in-depth exploration of the Zeekaptcha design, read our long-form piece here.
Quick Start​
Option 1: create-zeekaptcha-app
​
Use create-zeekaptcha-app
as a starting off point!
npx create-zeekaptcha-app TestApp
Option 2: Use the <Zeekaptcha/>
component.​
Installation
npm i zeekaptcha
Example Code
App.jsx
import './App.css'
import Zeekaptcha, { Goerli } from 'zeekaptcha'
function App() {
return (
<>
<h1>Use the Zeekaptcha component below</h1>
<Zeekaptcha chain={Goerli}/>
</>
)
}
export default App
Zeekaptcha Component
The Zeekaptcha component takes the following props:
interface ZeekaptchaProps {
submitFunc?: (value: string) => boolean;
chain: chainType;
}
When submitFunc
is not defined, the component uses the BrowserProvider to switch chains and initiate the
transaction to the Zeekaptcha contract.
You can overload this with your own logic if you have your own wallet connection logic.