Elkably Education Platform

01 Project Overview

What We Built & Why

Elkably E-Learning is a full-stack education platform designed for an IG mathematics provider, combining learning, commerce, live classes, and administration in one unified system. It includes a public course catalog, a full e-learning experience with structured content and quizzes, a complete payment and checkout system, Zoom-based live classes, and a mobile API for student access. The goal was to replace separate tools with a single platform that manages the entire student journey from registration to learning and payment.

The main challenge was building a reliable education platform that behaved consistently on web and mobile while respecting real-world constraints: commerce (Paymob with delayed or missed confirmations), live instruction, and accurate student progress. Payments had to be trustworthy—not only taking cards and wallets, but recovering success when webhooks or redirects failed. The architecture had to support different authentication models for browser sessions and native apps without splitting business rules across codebases. Live classes, quizzes, and progress needed to stay one logical system so entitlement and reporting stayed aligned as load grew. An additional operational hurdle was the end-to-end lifecycle from Zoom—once sessions ended, getting usable recordings out of Zoom and publishing them through Bunny (CDN/streaming) without breaking access rules or mobile playback had to sit in the same reliability story as checkout and enrollment, not as a disconnected manual step.

The platform uses Node.js and Express so one backend can serve server-rendered pages, mobile JSON APIs, webhooks, and integrations together. MongoDB with Mongoose fits nested courses, quizzes, and progress, and connect-mongo stores Express sessions alongside application data. The frontend pairs EJS with client-side JavaScript for interactive UX. Authentication uses sessions for web and JWT with OTP for mobile, keeping one domain model while matching each client’s security model. Paymob supports regional payment methods; webhooks are complemented by background checks when confirmations are late or missed, so payments and enrollments stay in sync. Zoom powers live classes; Bunny handles recording delivery so playback stays under the same access rules as the rest of the platform. Socket.IO covers real-time features, Firebase Cloud Messaging covers push notifications, and Cloudinary (with optional local storage) handles media. Logging, tests, and Excel/PDF exports support operations and admin analytics in production.

Project Details

Client Industry

Education Technology

Project Duration

6 months

Team Size

2 developers

Platforms

Web,ios,Andriod

Tech Stack

Dart

Express

Flutter

Google Cloud

MongoDB

nginx

Node.js

REST API

Socket.io

02 Key Features

Built to Perform

Every feature designed with purpose, precision, and real-world usage in mind.

Commerce-grade checkout

Cart, bundles, promos, and Paymob payments—cards and regional wallets—with webhook handling and background reconciliation so successful payments reliably unlock enrollments.

Live classes → recorded playback

Zoom sessions for live teaching, with recordings published through Bunny so students get consistent, streaming-friendly playback tied to course access.

One backend, web + mobile

Session-based web auth alongside JWT + OTP mobile APIs—same courses, quizzes, progress, and orders without duplicating business logic.

Real-time engagement

Socket.IO powers interactive, low-latency experiences such as collaborative game rooms alongside the core learning flows.

Insightful operations

Rich student progress plus admin analytics and exports—visibility into learning outcomes and revenue, not just content delivery.

Integrated Systems

A Complete Ecosystem

A suite of tightly integrated modules that connects regional payments, live instruction, media delivery, and notifications—so teaching, access control, and operations stay aligned in one workflow.

Paymob

Paymob powers checkout for cards and mobile wallets in markets where those methods dominate. The integration spans hosted card flows and newer unified-checkout APIs, with server-side verification and follow-up reconciliation so enrollments reflect paid orders even when callbacks are delayed or missed.

Supports cards and mobile-wallet rails appropriate for the region
Webhook-driven fulfillment with additional transaction inquiry as a safety net
Maps cleanly to bundles, promos, and order lifecycle in a single commerce model

Zoom

Zoom is used to deliver scheduled, instructor-led sessions tied to course topics. Administrative flows cover creating and controlling meetings, while student flows enforce the right join conditions—keeping live instruction auditable and consistent with who is entitled to attend.

Meeting creation and lifecycle aligned with course/topic structure
Student join flows integrated with platform authentication and eligibility
Operational hooks for session outcomes (including recording handoff workflows)

Bunny.net

After Zoom produces class artifacts, Bunny supports publishing and streaming-friendly delivery so students can review sessions without treating video as a separate product. The goal is continuity: the same course access rules govern live attendance and on-demand playback.

Bridges live-class output to scalable playback delivery
Reduces friction between “attended live” and “watch the recording”
Keeps long-form media off the core app server where it does not belong

Firebase Cloud Messaging

Firebase Cloud Messaging connects operational and learning events to mobile users—think enrollment updates, session reminders, and account signals—without forcing users to keep a browser tab open. Token lifecycle is treated as part of auth and profile management so delivery stays maintainable.

Native push as a first-class channel alongside web UX
FCM token updates tied to login/session lifecycle patterns on mobile
Supports timely communication without spamming unrelated surfaces

Cloudinary

Cloudinary centralizes image transformation and delivery for marketing pages, course visuals, and user-generated uploads where applicable. The intent is predictable performance and consistent URLs—not hand-managed static folders—while keeping the core API focused on business logic.

Optimized delivery for image-heavy education marketing and catalogs
Reduces operational drag from manual asset hosting
Complements optional local/object-storage strategies where configured

03 Results & Impact

Measurable Outcomes

Real numbers from real deployment — results that speak for themselves.

60% Time saved

In administration

Reduced manual work for managing students, payments, and course operations through centralized automation.

1 system of record

Coherent learner and revenue state

Courses, orders, entitlements, and learning progress are managed in a single source of truth, ensuring that web, mobile, and admin interfaces always reflect the same consistent student and financial state

100% unified access

Instruction continuity across modalities

Live classes and recorded content follow the same access and entitlement rules, ensuring consistent availability across real-time sessions and on-demand playback without manual handling or exceptions.

50% faster decisions

Decisions backed by data, not anecdotes

Built-in analytics and export workflows provide structured insight into student cohorts, revenue, and platform usage, reducing reliance on manual reporting and improving decision-making speed.