Stockpackz Documentation
Welcome to the Stockpackz documentation — a premium pack-opening experience for real tokenized equities on Robinhood Chain.
Documentation Index
| Document | Description |
|---|---|
| Overview | Product vision, page structure, and design principles |
| Tokenized Stocks | Real Robinhood Chain ERC-20 tokens, contracts, logos, pricing |
| Packs | Pack types, rarity system, odds, and the pack explorer |
| Architecture | Next.js project structure, components, and data flow |
| Opening Flow | The cinematic pack opening sequence, phase by phase |
| Collections | Portfolio collections and NFT badges |
| Backend Integration | Connecting to Robinhood Chain, Chainlink, and your API |
| How to Play | Connect wallet and open packs |
Quick Start
npm install
npm run dev
- App: http://localhost:3000
- Docs: http://localhost:3000/docs
Key Facts
- Product: Stockpackz
- Chain: Robinhood Chain (chain ID
4663) - Tokens: ERC-20 / ERC-8056 stock tokens with Chainlink price feeds
- Settlement: Uniswap v4 swap into the user's own wallet (production design)
- Logos: Financial Modeling Prep CDN
References
Protocol & chain
- Robinhood Chain — Building with Stock Tokens
- Robinhood Chain — Token Contracts Registry
- Robinhood Chain — Oracles & Price Feeds
- Uniswap v4 documentation · GitHub
- Chainlink Data Feeds · GitHub
Frontend stack
| Library | Docs | GitHub |
|---|---|---|
| Next.js 16 (App Router) | nextjs.org/docs | vercel/next.js |
| Tailwind CSS v4 | tailwindcss.com/docs | tailwindlabs/tailwindcss |
| shadcn/ui | ui.shadcn.com | shadcn-ui/ui |
| Magic UI | magicui.design | magicuidesign/magicui |
| Framer Motion | motion.dev | motiondivision/motion |
| wagmi | wagmi.sh | wevm/wagmi |
| viem | viem.sh | wevm/viem |
| canvas-confetti | — | catdad/canvas-confetti |