Custom LMS Development with D3.js Tracking for Islamic EducationCustom LMS Development with D3.js Tracking for Islamic Education
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
A Step Towards Haq
A fully functional, feature-rich Learning Management System (LMS) custom-developed for an Islamic educational institution. The platform enables students worldwide to enroll in Quranic/Arabic courses, track academic milestones, receive dynamically generated certificates, and engage via a multi-level referral network. Growth is community-driven. We implemented a multi-level referral architecture where students can invite others to join the learning journey. However, tracking deep hierarchy trees can be extremely complex. To solve this, we integrated an interactive graphical tree diagram using D3.js, rendering a node-based map of the entire student relationship network directly in the admin panel. Student Dashboard
Real-Time Progress & Referral Tracking
Each student has a personalized dashboard showing their academic progress in real-time. Dynamic progress bars update as students complete lessons, while milestone badges (✅ Completed, 📄 Test Passed, 🏆 Certificate Issued) give instant feedback. Alongside this, a dedicated referral panel lists every student they have invited, complete with username, email, and assigned roll number.
Post image
Post image
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started