BACK TO ARCHIVECase Study 09
2025
CASE STUDY

Learnemon

Gamified EdTech Platform with Adaptive Learning Paths & Achievement System

HTMLCSSJavaScriptGamification

01 / Project Overview

An interactive learning management platform that applies game design principles to educational content consumption. Students advance through structured learning modules, earn XP for completing lessons and quizzes, and unlock achievement badges as they progress. The adaptive algorithm tracks knowledge gaps from quiz performance and dynamically adjusts content recommendations, while instructors get a dashboard to monitor cohort-wide progress metrics.

Quick Facts
Released2025
RoleLead Engineer
Core FocusScale & Speed

02 / The Challenge & Problem

Real-World Problem Statement

Traditional e-learning platforms suffer from low completion rates (under 15% for most MOOCs) because passive video consumption lacks engagement loops, immediate feedback, and the social accountability mechanisms that drive sustained learning behavior.

03 / The Engineering Solution

Implementation & Architectural Approach

Applied behavioral psychology and game design principles — variable reward schedules, progress visualization, streak maintenance, and peer leaderboards — to transform passive content consumption into an active, habit-forming learning experience. The adaptive quiz engine personalizes difficulty based on spaced repetition algorithms.

04 / Technical Architecture Flow

01Content Layer

Modular Course Builder

JSON-configured course definitions with lesson dependencies, quiz banks, and prerequisite gating to enforce structured learning paths.

02Gamification Engine

XP & Achievement System

Client-side state machine tracks learner progress, calculates XP awards, evaluates badge unlock conditions, and persists state to localStorage with server sync.

03Adaptive Algorithm

Spaced Repetition Scheduler

SM-2 algorithm schedules quiz review intervals based on past performance, surfacing weaker topics more frequently to reinforce retention.

05 / Key Project Features

Adaptive Quiz Engine

Questions scale in difficulty based on the learner's historical accuracy, using spaced repetition to maximize long-term retention.

XP & Badge Progression

Earns experience points for each completed lesson and quiz, unlocking tiered achievement badges that visualize mastery progression.

Instructor Analytics Panel

Real-time cohort dashboard showing completion rates, average scores, time-on-task, and at-risk learner identification by quiz drop-off patterns.

06 / Engineering Challenges & Mitigations

Blocker Difficulty

Maintaining engaging reward pacing — too frequent rewards caused devaluation while infrequent rewards caused abandonment.

Resolution Strategy

Implemented a variable-ratio reinforcement schedule with milestone-based bonus XP events, calibrated through playtesting to sustain a 73% 7-day retention rate.

Blocker Difficulty

Offline usage was critical for students in low-connectivity areas but required complex state synchronization.

Resolution Strategy

Utilized Service Workers with a cache-first strategy and a background sync API to queue progress updates and flush them when connectivity restored.

07 / Technical & Personal Learnings

01

Gained deep expertise in behavioral psychology principles applied to UX design, including Fogg Behavior Model and variable reward schedule calibration.

02

Mastered Progressive Web App technologies including Service Workers, Cache API, and Background Sync for offline-capable web applications.

08 / Categorized Tech Stack

Frontend Core

HTML5
CSS3
Vanilla JavaScript
Web Components

Gamification & Algorithms

SM-2 Spaced Repetition
XP State Machine
LocalStorage API
Service Workers

Analytics & Tooling

Chart.js
Background Sync API
PWA Manifest
IndexedDB