PCGSlabs — Architecture & Flows
Every package and external service that powers PCGSlabs . Pick a flow on the right to highlight
the path through the system and see what gets passed at each step.
MetaMask wallet
eth provider
App.js
react-router routes
Login / SignUp
/login, /signup
CurrentInventory
/current-inventory
PastInventory
/past-inventory
UserProfile
7 tabs: Account, Address, Wallet, Redeem, Wishlist, Credits, Alerts
AdminProfile
User Mgmt, Credits, NFT Mgmt, Settings
NftManagement
3 sub-tabs: Status, Requests, Add
WishlistTab
+ mint-request button
AlertsTab
notification feed
LinkedAccountsSection
manage 4 login methods
FloatingLoginButton
global auth widget
auth-signup
POST /api/auth-signup
auth-login
POST /api/auth-login
auth-me
verify JWT, refresh (24h)
auth-metamask
nonce + signature verify
auth-google
OAuth ID token verify
auth-wall
password gate (admin pages)
auth-methods
list/link/unlink providers
admin-users
CRUD + credit history
user-notifications
alerts feed + admin send
nft-mint-requests
user request, admin review
rvn-sync
slab NFTs on-chain check
user-rvn-sync
user RVN asset counts
shipments
physical slab shipping
users
accounts + role flags
auth_methods
1-to-many: provider links
credit_history
audit trail
wallet_nonces
5-min expiry
user_notifications
alerts feed
nft_mint_requests
+ nft_mint_audit
nft_sync_results
+ rvn_sync_runs
shipments
user or in-person sale
slabs.csv
source of truth (build-time)
slabs.generated.js
CSV → JS module (prebuild)
priceGuide.js
static bundle
localStorage
JWT + per-user prefs
generate-slabs
prebuild: CSV → JS
react-scripts build
GENERATE_SOURCEMAP=false
Netlify CI
build + functions deploy
ethers.js
verify signature
Ethereum RPC
llamarpc / ankr
blockchain.js
on-chain reads
cryptoscope.io
RVN explorer API
Ravencoin chain
PCGSLABS#NFT-* assets
Google OAuth
accounts.google.com
X / Twitter OAuth
api.x.com
Netlify platform
edge + functions