"We solved the lack of interactive, progressive history education using a Flutter and React platform with gamified streaks, badges, and a coupon-driven commerce system — resulting in higher learner engagement, stronger retention, and a new sales channel for the client's games and kits."
Client
Meete Infotainmaint LLP
Platform
iOS · Android · Web Admin
Stack
Flutter · React · MySQL
Focus
Learning · Retention · Commerce
Overview
Mawala is a mobile learning application dedicated to the life, leadership, and legacy of Chhatrapati Shivaji Maharaj. Built for students, history enthusiasts, and families across India, the app transforms traditional historical study into an interactive, video-led, and progressively structured learning experience.
Problem
Learning about Chhatrapati Shivaji Maharaj has traditionally relied on passive formats — textbooks, lectures, and scattered online videos — that offer little structure, no sense of progression, and minimal motivation to continue. No single platform made this history both interactive and progressive, where learners could move through content in a guided sequence while staying genuinely engaged.
Challenges
- Pedagogical
Structure rich historical and video content into bite-sized, progressive modules that build on one another. - Engagement
Sustain motivation in an education app where drop-off is typically high — content delivery alone wasn't enough. - Operational
Let the client update, add, and manage all material independently, without engineering involvement for every change. - Commercial
Create a monetization pathway aligned with the client's broader business of selling related games and kits.
Solution
Mawala was delivered as an interactive learning platform built around three pillars: a progressive learning module, a gamification layer, and a full-featured admin panel. The coupon system was designed to feed directly into the client's commerce goals — creating a bridge from learning engagement to the sale of games and kits.
- Progressive Modules
Video and historical content sequenced step by step.
- Gamification
Streaks and badges that reward daily returns.
- Admin Panel
Full client control over modules, media, and rewards.
Architecture
A Flutter front end delivers a single, high-performance cross-platform mobile experience. A React-based admin panel gives the client a responsive web interface for content management. Both clients communicate with a shared backend powered by a MySQL relational database.
Flutter App - Learners
Shared Backend - API layer
React Admin - Client team
MySQL - Modules · Progress · Coupons
Subscription - Razorpay payment gateway
Key Features
- Progressive, interactive video learning modules
- Gamified streak system for daily habits
- Achievement badges for milestones
- Integrated coupon system tied to commerce
- Full admin panel for client-managed content
- Single Flutter codebase across iOS and Android
- Subscription with payment gateway - Razorpay