ArenaCollectiblez

ArenaCollectiblez is a fan engagement platform that transforms sports events into collectible NFT experiences. Fans scan tickets or find hidden QR codes to unlock loot boxes, collect team-based NFTs, and join raffles — all integrated with the Socios Wallet and Chiliz blockchain.

---

🚀 Getting Started

Follow these steps to run the project locally:

1. Clone the Repository and Install Dependencies

git clone https://github.com/redarling/ArenaCollectiblez.git
cd ArenaCollectiblez
pnpm install

2. Start Local Instance with Docker

Make sure Docker is running, then:

./init_local_instance.sh

3. Create a .env File

In the root of the project, create a .env file with the following contents:

# WalletConnect
NEXT_PUBLIC_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID

# Local PostgreSQL database
DATABASE_URL=postgres://postgres:postgres@localhost:5432/postgres?search_path=drizzle,public
POSTGRES_PASSWORD=postgres
POSTGRES_USER=postgres
POSTGRES_DB=postgres

# Smart contract & Chiliz RPC
SPICY_RPC_URL=https://spicy-rpc.chiliz.com/
SMART_CONTRACT_ADDR=0xaF6AAb8aD86Cf596472491e308547a0b711B9df3

# Pinata (IPFS file storage)
PINATA_API_KEY=YOUR_PINATA_API_KEY
PINATA_SECRET_API_KEY=YOUR_PINATA_SECRET_API_KEY
PINATA_JWT=YOUR_PINATA_JWT

# Loot box secret (for secure claim generation)
LOOT_BOX_SECRET=6C824CF7FDBD0EA5E2E5685040518695037C2D9621CE0354B2664E0209688959

# Pusher (for real-time updates)
PUSHER_APP_ID=YOUR_PUSHER_APP_ID
PUSHER_APP_KEY=YOUR_PUSHER_APP_KEY
PUSHER_APP_SECRET=YOUR_PUSHER_APP_SECRET
PUSHER_APP_CLUSTER=YOUR_PUSHER_CLUSTER

NEXT_PUBLIC_PUSHER_APP_KEY=YOUR_PUSHER_APP_KEY
NEXT_PUBLIC_PUSHER_APP_CLUSTER=YOUR_PUSHER_CLUSTER

# App base URL
NEXT_PUBLIC_BASE_URL=http://localhost:3000

🔑 Where to Get Credentials

• WalletConnect Project ID: WalletConnect Cloud
• Pinata API Keys (IPFS file uploads): Pinata
• Pusher Keys (real-time features): Pusher

4. Run the App

pnpm run dev

5. Access the Website

Open in your browser:

http://localhost:3000

---

🎟 Example Ticket

---

📱 Tips

• Use ngrok to expose your local instance for mobile ticket scanning.
• If you encounter issues with canvas, rebuild it:

npm rebuild canvas