Replicant is an interactive, web-based game that helps users learn to recognize and avoid financial scams through an engaging, gamified experience.
Players progress through levels by answering fraud-related quiz questions — earning points, unlocking features, and eventually gaining access to a blogging system where they can publish posts by spending their in-game rewards.
- Built using Phaser.js, a powerful HTML5 game engine for real-time 2D gameplay.
- Players navigate a continuous scrolling environment, dodging obstacles while answering scam-awareness quizzes.
- Each correct answer earns points; wrong answers trigger “Trivia Modals” explaining the concept for better learning retention.
- Covers major fraud topics: phishing, investment scams, OTP fraud, identity theft, and more.
- Immediate feedback and trivia after incorrect answers turn every mistake into a learning moment.
- Adaptive question logic — difficulty scales with progress.
- Players unlock a blogging feature after reaching Level 5.
- Each post requires spending in-game points earned through gameplay.
- Posts and points are stored via MongoDB transactions for accuracy and consistency.
- Encourages players to reinforce what they’ve learned by writing short educational posts.
- Points are a resource — used to write blogs or climb the global leaderboard.
- Dynamic leaderboard powered by MongoDB + Express API for real-time ranking.
| Layer | Technology |
|---|---|
| Frontend | React.js, Phaser.js, TailwindCSS, Zustand |
| Backend | Node.js, Express.js |
| Database | MongoDB |
| State Management | Zustand |
| Auth & Logic | JWT, REST APIs |
| Deployment | Netlify (Frontend), Render (Backend) |
React (UI) ↔ Zustand (Global State)
↕
Express.js (Backend API)
↕
MongoDB (User Data, Scores, Blog Posts)