Project Overview
Celadon City Game Corner is a next-generation web-based arcade platform combining gaming, collectibles, and cryptographic transparency. Users can play real-time games to win Pokémon TCG products, with every outcome verifiable using provably fair algorithms. The platform integrates serverless architecture, real-time wallet systems, automated pricing pipelines, and immersive 3D gameplay to deliver a high-performance, trust-first gaming experience. It represents a new standard in combining entertainment with verifiable fairness in digital marketplaces.
Overview
Key Challenges
The platform needed to solve trust issues in mystery-based TCG platforms by implementing provably fair game mechanics while maintaining real-time wallet transactions, live inventory consistency, and high-performance 3D gameplay. Ensuring atomic transactions, accurate market pricing, and secure serverless architecture added significant complexity.
Our Solution
We engineered a serverless-first architecture using Supabase and React to build a real-time arcade platform with provably fair cryptographic algorithms. The system integrates SHA-256-based verification, atomic game execution via Edge Functions, real-time wallet updates, automated pricing pipelines, and immersive 3D gameplay using Three.js and physics engines.
Project Performance Metrics
Technical Details
Technical Architecture
Technical Features
Security Measures
- Row-Level Security (RLS) across all tables
- JWT authentication via Supabase Auth
- Cryptographic SHA-256 verification system
- Atomic transactions via PostgreSQL RPCs
Scalability Features
- Serverless Supabase infrastructure
- Edge Functions for distributed execution
- React Query caching and state management
- Real-time subscriptions for live updates
Testing Coverage
Detailed Solution
A real-time, provably fair gaming platform combining cryptographic verification, atomic transactions, and immersive 3D gameplay within a fully serverless architecture.
Provably Fair Cryptographic Gaming Engine
- •SHA-256 based provably fair system using server seed, client seed, and nonce
- •Pre-game hash commitment ensures outcomes cannot be manipulated
- •Post-game verification enables users to independently recompute results
- •Unified fairness logic across multiple game types (Plinko, Wheel, Dice, Packs)
- •Public verification pages ensuring complete transparency and trust
Serverless Backend Architecture
- •Supabase as full backend (Auth, DB, Realtime, Storage)
- •Edge Functions for distributed secure execution
- •PostgreSQL with RPC-based transactional logic
- •No traditional servers required (fully serverless)
Security & Trust Infrastructure
- •Row-Level Security (RLS) for strict data isolation
- •JWT-based authentication and role validation
- •Cryptographic verification for every game outcome
- •Secure server-side execution preventing client manipulation
Atomic Game & Wallet System
- •Server-side execution using Supabase Edge Functions
- •Atomic transactions covering wallet, inventory, and game sessions
- •PostgreSQL RPC ensures all-or-nothing execution
- •Prevents fund inconsistencies and duplicate rewards
Real-Time Wallet Infrastructure
- •Supabase Realtime for instant wallet updates
- •Multi-tab synchronization within milliseconds
- •React Query caching for ultra-fast UI feedback
- •Eliminates polling with event-driven updates
3D Gameplay Engine
- •Three.js and React Three Fiber for real-time rendering
- •Cannon.js physics engine for realistic interactions
- •GSAP & Framer Motion for cinematic animations
- •Optimized pipeline maintaining 60fps across devices
Automated Pricing Intelligence
- •Scheduled Edge Functions syncing live TCG pricing
- •Fair Market Value (FMV) tracking for all items
- •Batch processing for thousands of collectibles
- •Ensures fair prize valuation and business margins
Game Execution Engine
- •Deno Edge Functions for secure server-side logic
- •Deterministic outcome generation using hash computation
- •Low-latency execution optimized for real-time gameplay
Implementation & Infrastructure
A high-performance, serverless arcade architecture built for real-time gameplay, provable fairness, and secure transactional systems.
Serverless Arcade Architecture (SPA + Supabase)
Celadon City Game Corner is built as a React SPA powered entirely by Supabase, including PostgreSQL, Realtime, Auth, Storage, and Edge Functions. The system eliminates traditional backend servers, enabling scalable, low-latency game execution with built-in real-time updates and secure data handling.
Core Technical Decisions
- Provably fair cryptographic system using SHA-256 hashing
- Atomic transactions via PostgreSQL RPCs for wallet, inventory, and game sessions
- Edge Functions for secure server-side game execution
- Real-time subscriptions replacing traditional polling systems
- Automated pricing sync pipelines for dynamic TCG valuation
- Optimized rendering pipeline for high-performance 3D gameplay
Layered System Architecture
The platform follows a modern layered architecture combining frontend rendering, serverless execution, and database-driven transactional logic.
Presentation Layer
- React 18 SPA with protected routes
- Three.js + React Three Fiber for 3D games
- GSAP & Framer Motion animations
- React Query for data synchronization
Execution Layer
- Deno Edge Functions for game execution
- Provably fair algorithm computation
- Pricing sync and batch processing jobs
- Admin and inventory operations
Data Layer
- PostgreSQL with 55+ relational tables
- Row-Level Security (RLS) for user isolation
- RPC functions for atomic transactions
- Real-time subscriptions for wallet updates
Real-Time Performance & Gaming Experience
- Sub-200ms real-time wallet updates via Supabase Realtime
- 60fps gameplay using optimized Three.js rendering
- Intelligent caching via React Query for smooth UX
Security & Trust Infrastructure
- Cryptographic SHA-256 verification for every game outcome
- Row-Level Security across all user and inventory data
- JWT-based authentication and role validation
- Secure server-side execution preventing client manipulation
Gallery
Visual transformation showcasing the dramatic improvements across all interfaces
"Celadon City Game Corner delivers a level of transparency and performance rarely seen in gaming platforms. The provably fair system builds unmatched user trust."
Platform Users
Community Feedback
Project Details
Duration
Ongoing
Industry
Gaming & Collectibles / TCG Marketplace
Team
Full-Stack Developer, 3D/Game Developer, Backend/Database Engineer, UI/UX Designer, DevOps Engineer, Product Manager
Technologies Used
Project Goals
- Build a provably fair gaming platform with cryptographic verification
- Ensure atomic wallet and inventory transactions
- Deliver immersive 3D arcade gameplay experience
- Maintain real-time pricing accuracy for TCG products
- Scale without traditional server infrastructure
