Leaderboard tutorial

Build a full-stack DApp from Compact contract to production deployment. Players submit scores with privacy controls and prove ownership of entries using ZK proofs.

Overview

Architecture, prerequisites, and what you build across all four sections of the leaderboard tutorial.

Read overview

Smart contract

Define structured on-chain data with Map, Counter, and custom structs. Control privacy with disclose() and witness functions.

Write the contract

TypeScript integration

Set up the witness provider, contract exports, and a shared API class for deploying and interacting with the contract.

Build the API

Browser DApp

Build a React frontend that connects to Lace wallet, reads state from the indexer, and submits scores on-chain.

Build the frontend

Production deployment

Deploy the leaderboard frontend to Vercel with compiled circuit keys and TypeScript bindings.

Deploy to production