Context
Educational institutions needed a comprehensive online test assessment and e-learning portal with personalized learning paths, progress tracking, and detailed performance analytics.
Case 08 · magenta channel
MyLearningGraph Assessment Portal
Personalized online test assessment and student learning portal with analytics
The problem
What was being asked
The solution
What was built
Slip 1
Architected and built the responsive learning portal using Vue.js and Quasar Framework
Slip 2
Engineered timed test engine, automatic question randomization, and instantaneous score grading with Laravel backend
Slip 3
Drove a 35% increase in user engagement, retention, and overall platform activity
The architecture
How it holds together
Quasar Universal Client + Laravel API
Single codebase delivering responsive desktop web and mobile assessment interfaces.
Automated Evaluation Engine
Asynchronous assessment processor calculating subject-level strengths, percentiles, and personalized study recommendations.
Key Metrics & Impact
Demonstrated Results
- 35% increase in student engagement & retention
- 50k+ completed online assessments
- 99.9% portal availability during peak exam periods
Challenges
The parts that tried to break it
Handling student connection drops during exams
Implemented client-side question caching and automatic answer draft saving so no progress was lost during network fluctuations.
Decisions
Calls somebody owns
Vue & Quasar for responsive assessment UI
Ensured rapid rendering of complex mathematical formulas and interactive question types on any screen size.
Learning carried forward