← Back to Showcase
2024 · EdTech / Assessment · Web · iOS · Android

MockTest365

A scalable mock testing platform designed for high concurrent user loads with integrated real-time analytics and gamified 3D learning modules, accessible via web, iOS, and Android applications.

Next.js · React Native · Assessment · WebGL / 3D · Gamification · Serverless
MockTest365 Home Interface
The Challenge

Thousands of students. Zero tolerance for downtime across any device.

  • Legacy monolithic architecture bottlenecked during peak answer submissions, causing widespread 503 errors.
  • Inconsistent and buggy test-taking experience across various mobile browsers due to heavy DOM manipulation.
  • Real-time analytics and proctoring features were delayed by minutes due to intense database locking.
  • Lack of offline resiliency meant a 1-second network drop would completely reset a student's 3-hour exam.
  • Resulted in extreme test-taker anxiety and significant brand damage for the educational institution.

The Solution

A decoupled, queue-driven architecture with native mobile experiences and 3D gamification.

  • Statically generated frontend for lightning-fast responsive web navigation and instant page loads.
  • Deployed unified React Native applications for iOS and Android, ensuring native fluidity and performance.
  • Serverless API layer backed by a robust RabbitMQ distributed message queue to throttle massive write spikes.
  • Introduced 'Geo Challenger'—an interactive WebGL-powered 3D globe module to gamify geography learning and boost student retention.
  • Built a robust conflict resolution engine via local SQLite to guarantee zero data loss during network drops.
HOW IT WORKS

Statically Generated Web Frontend

Next.js 14 application utilizing the App Router and React Server Components for maximum SEO and speed.

Cross-Platform Mobile Apps

Built with React Native and Expo for a highly optimized single codebase across iOS and Android.

Offline Mobile Resiliency

Local SQLite caching on mobile apps to seamlessly handle temporary network drops during live exams.

Serverless API Layer (Lambda)

API Gateway routes high-velocity requests to stateless, instantly scalable Node.js AWS Lambda functions.

RabbitMQ Message Queue

All write operations are offloaded to an Amazon MQ distributed queue to prevent database deadlocks.

Amazon Aurora PostgreSQL

Worker nodes batch inserts into a highly available cluster with robust read-replicas for analytical queries.

Zustand + SWR State Management

Zustand handles global application state while SWR governs aggressive local data fetching and caching.

Redis (ElastiCache) Cluster

Manages active user sessions, live leaderboards, and distributed rate-limiting to prevent DDoS attacks.

Real-Time Websocket Engine

Pusher-backed websocket channels deliver instant proctoring alerts and live analytics to administrators.

1
Client Interaction
Student selects an answer; Zustand immediately updates the local UI.
2
Local Caching
The answer is instantly encrypted and persisted to local SQLite or IndexedDB.
3
API Ingestion
A background sync process fires the payload to the AWS API Gateway.
4
Queue Buffering
Lambda pushes the payload to RabbitMQ, instantly returning a 202 Accepted.
5
Batch Processing
Dedicated worker microservices consume the queue and batch inserts into Aurora.
6
Real-Time Broadcast
Webhooks trigger Pusher to broadcast the new state to the admin analytics dashboard.
SCREENSHOTS
MockTest365 Home Interface
The centralized student dashboard built with Next.js 14.
MockTest365 Interface 1
Detailed performance analytics and historical progress charts.
MockTest365 Interface 2
Interactive, distraction-free test-taking interface with live timer.
MockTest365 Interface 3
Subject-wise strength and weakness analysis reporting.
MockTest365 Interface 4
Live proctoring and real-time oversight view for administrators.
MockTest365 Mobile Interface 1
Native mobile app dashboard experience on iOS.
MockTest365 Mobile Interface 2
Seamless question navigation optimized for smaller touchscreen devices.
MockTest365 Mobile Interface 3
Mobile-optimized review screen for quickly reviewing submitted tests.
MockTest365 Mobile Interface 4
Sleek dark mode implementation on the native Android application.
MockTest365 Mobile Interface 5
Push notification center and upcoming exam schedule alerts.
GEO CHALLENGER

Geo Challenger is a fully interactive, WebGL-powered 3D geography learning module seamlessly integrated into the MockTest365 ecosystem. By gamifying rote memorization tasks, it transformed traditionally dry curriculum into an immersive, highly retentive learning experience. The module features over 30 unique missions spanning global exploration, regional mastery, and localized subcontinent deep-dives, encompassing hundreds of dynamically generated geographic questions.

Interactive 3D Globe
Built using Three.js and custom shaders, allowing students to smoothly rotate, zoom, and explore a highly detailed, interactive model of the Earth.
Gamified Progression
Students unlock 30+ regional and global missions, earning XP and climbing real-time leaderboards powered by ElastiCache.
Dynamic Cartography
GeoJSON boundary data is dynamically rendered as SVG overlays on a dark-mode optimized map, testing students on precise border recognition.
Multi-Tiered Difficulty
Adaptive algorithm scales difficulty based on student performance, from simple 'Easy' state identification to 'Expert' topography.
World Exploration Engine
Features 13 global missions covering 195 countries, testing knowledge of world biomes, archipelagos, major rivers, and global terrain.
Regional Mastery Tracks
6 dedicated regional missions spanning all 5 continents, requiring students to identify 54 African nations, American states, and more.
Localized Subcontinent Mode
Deep dive into the Indian subcontinent with 11 specialized missions mapping 36 states/UTs, mountain ranges, and tropical coastlines.
Live Streak & Scoring System
Integrated real-time UI tracking active consecutive correct answers and session progress during rapid-fire 20-question rounds.
Categorized Mission Filters
Students can filter challenges by category: Countries, Water bodies, Terrain, and Regions, allowing for highly targeted exam revision.
Expert-Level Topography
Advanced tiers challenge students to identify obscure island chains, mountain peaks, and remote lakes without the aid of country borders.
GeoChallenge Global Map Interface
Interactive 3D Earth model for immersive geography missions powered by MockTest365.
GeoChallenge World Exploration
World Exploration dashboard tracking progress across 195 countries and 300+ questions.
GeoChallenge Regional Mastery
Regional Mastery missions targeting specific continents with curated question sets.
GeoChallenge Indian Subcontinent
Deep dive into localized geography, mapping states, rivers, and mountain ranges.
World Countries Quiz
Interactive quiz interface to identify global nations from their borders.
Africa Regional Quiz
Focused regional missions for deep continent-specific mastery.
India States & UTs Quiz
State-level identification challenges for rigorous localized preparation.
MEASURABLE RESULTS
15,000+
Concurrent Users Supported
Peak capacity during national exams
<100ms
Question Transition Latency
Client-side routing and optimistic UI speed
40%
Reduction in Infra Cost
Achieved via serverless compute compared to legacy system
100%
Uptime
Zero dropped submissions since launch

Ready to build yours?

Tell us about your project.

Start a Conversation