Milestone Address Collection App

Allow your Whop users to submit their addresses to claim milestones

Setup Instructions

1

Configure Environment Variables

Update your .env.local file with the required API keys:

WHOP_API_KEY="your_whop_api_key" NEXT_PUBLIC_WHOP_APP_ID="your_whop_app_id" WHOP_WEBHOOK_SECRET="your_webhook_secret" NEXT_PUBLIC_SUPABASE_URL="your_supabase_url" NEXT_PUBLIC_SUPABASE_ANON_KEY="your_supabase_anon_key" SUPABASE_SERVICE_ROLE_KEY="your_service_role_key" NEXT_PUBLIC_GOOGLE_MAPS_API_KEY="your_google_maps_api_key"
2

Set up Supabase Database

Run the SQL schema in your Supabase project:

Find the schema at supabase/schema.sql

3

Enable Google Maps Places API

Get an API key from Google Cloud Console with Places API enabled for address autocomplete.

4

Deploy to Vercel

Connect your repo to Vercel and add the environment variables in the project settings.

Features

Address Collection

Google Maps autocomplete for easy address entry

Admin Dashboard

View submissions and manage form settings

Status Tracking

Track submissions through completion, production, shipping, and delivery

Role-Based Access

Automatic admin detection for Whop owners and admins