Misstree - Web3 P2E Idle RPG
Case Study / Engineering Overview
The Goal
An end-to-end Web3 P2E Idle RPG built within the Injective blockchain ecosystem. The game featured NFT integration, an NFT staking system, and real-time idle mechanics where users managed resources and claimed token rewards.
The Architecture
- Frontend: React.js, Vite, TypeScript, TanStack Query, Redux Toolkit.
- Backend & DB: Node.js, Express, Supabase (PostgreSQL), Firebase (Analytics).
- Web3: Viem.
- Auth: Web3 wallet signature verification bridging the frontend and the Express backend.
- Data Flow: The Express backend acted as the sole communication layer between the Web3 frontend and the Supabase PostgreSQL database, utilizing pgsql functions for complex data queries.
The Challenge
Problem:Optimizing real-time idle game data for high concurrency while ensuring absolute security against client-side manipulation.
Solution:Implemented a strict "Never Trust the Client" architecture. The Express backend was established as the absolute source of truth for all database operations and reward calculations.
Implementation:Engineered a double-verification system. Player resources and actions were validated optimistically on the frontend for a smooth UX, and then rigorously re-verified on the backend before executing any PostgreSQL mutations, completely neutralizing data manipulation exploits.
Timeline
Development Started
Initial game design, architecture planning.
Beta Launch
Closed beta testing phase with core community members.
Mainnet Release
Public P2E launch on Injective mainnet, scaling to 100+ DAU.
Mainnet Sunset
Gracefully sunsetted after achieving core objectives.
The Outcome
The project was successfully shipped and scaled, running actively from November 2023 to April 2024. It was gracefully sunsetted after achieving its core goals, driven by shifts in the actual situation on the Injective blockchain ecosystem.