Skip to main content
As-Subah Academy

Islamic learning platform · 2024

As-Subah Academy

Full-stack Islamic learning platform — architecture and implementation for courses, auth, payments, shop, applications, and admin — shipped to production at assubah.com.

0Technologies
0Highlights
0Year

Details

Project
As-Subah Academy
Year
2024
Role
Full Stack — Architecture & Implementation
Category
Islamic learning platform
Services
Full Stack · React · Node.js · Express · MongoDB · Firebase · Stripe · LMS · E-commerce · Admin Dashboard
Visit live site
As-Subah Academy: As-Subah Academy portfolio banner

The Journey

01

Overview

As-Subah Academy is a production Islamic learning platform that combines LMS, memberships, e-commerce, content publishing, and admin operations in one full-stack product.

It serves live and on-demand courses/diplomas, membership plans and user dashboards, shop (cart, checkout, orders, inventory), live-course applications with admin enrollment, articles, research papers, donations, and a full admin CMS.

React/Vite SPA + Express/MongoDB API — Firebase auth, Stripe and GoCardless payments, Cloudflare R2 media, queued email (Mailgun/SMTP via BullMQ + Redis), and optional Google Sheets sync for live applications. ~100+ frontend routes across public, user, and admin modules.

02

The Challenge

An education organization needed one connected product for courses, enrollments, payments (card + Direct Debit), shop, content, and day-to-day admin — instead of scattered forms, sheets, and tools.

03

Key Highlights

  • 1Course catalog with lesson player (video + optional PDF slides via pdf.js) and progress tracking
  • 2Dynamic live-course applications, MongoDB storage, Google Sheets sync, admin enroll/cancel
  • 3Stripe checkout/subscriptions and feature-flagged GoCardless Direct Debit
  • 4Full shop: catalog, cart, checkout, wishlist, inventory, discounts, shipping zones
  • 5Articles, research papers, Helmet + structured data, and niche campaign pages
  • 6Admin CMS for courses, shop, email marketing, applicants, and moderation
04

The Approach

Owned full-stack delivery: React frontend and Node/Express APIs, Firebase auth, MongoDB models, Stripe/GoCardless, R2 media, queued email, Sheets sync for applicants, and a large admin surface for courses, shop, and marketing.

05

The Outcome

A unified production platform at assubah.com — LMS + commerce + admin in one product, with ~100+ routes and ongoing iteration as workflows evolved.

More work

Let's talk

Building something similar?

If you need front-end implementation, MERN-style delivery, or a focused product slice, reach out from the contact section.

Go to contact