Platform Architecture

Three-layer architecture — Frontend, Backend, and Web3 Layer

Figure 2: Three-layer platform architecture — Frontend, Backend, and Web3 Layer.

Data Flow

Layer	Technology	Scope
User Interface	React 19 + Vite	Pages, components, responsive UI
State Management	React Query + Context	Server state, wallet state
Backend (BaaS)	Supabase	Database, auth, realtime, storage
Blockchain (EVM)	Ethereum / L2	Token, badges, governance
Decentralized Storage	IPFS via Pinata	Media, partner assets
External APIs	CoinGecko, Etherscan	Price feeds, gas tracker

Smart Contract Architecture

Contract	Standard	Purpose
W3CJR Token	ERC-20	Governance + Utility token
BadgeNFT	ERC-1155	Learning achievement badges
MembershipSBT	ERC-5192 (Soulbound)	Non-transferable membership card
Treasury	Multi-sig (Gnosis Safe)	Community treasury
Governance	Governor (OpenZeppelin)	On-chain proposal & voting