YOUR NEXT SMALL WIN STARTS HERE

Good things start small.

Try the minimal integration first. Take the complete app when you’re ready.

A clear path from preview to your own app.

Just the achievements

A tiny React example. No database, no account, and no backend setup.

npm install react-achievements@6.0.0 achievements-engine@2.1.0

Copy the complete App.tsx from the playground, or open the minimal example.

Open browser example

The whole experience

Next.js, sign-in, Postgres, persisted progress, and the playground you’re using.

git clone https://github.com/dave-b-b/achievements-starter.git
cd achievements-starter
npm ci
npm run dev

The public experience runs immediately. Connect Supabase when you want saved course progress.

Full setup guide

A free place to start

The deployment target is Vercel Hobby for this personal demo and Supabase Free for authentication and Postgres. The app uses included provider URLs and no paid add-ons. Stay on the free plans: limits can pause features or require you to wait; an upgrade is a separate decision.

Supabase Free may pause inactive projects after a week. The browser-only playground remains available independently of saved progress.

Read the free deployment guide