Skip to main contentkhalidoyeneye@gmail.com
Résumé
Back to work
Project 052026

Marriage & Family Bible Institute

Marriage & Family Bible Institute brings its public programme, enrollment journey, learning environment, commerce workflows, and operational administration into one production platform. I built the system across its public experience, protected portals, backend automation, data model, and deployment.

Role
Product architecture · Fullstack engineering · Platform delivery
Stack
React 18 · TypeScript · Vite · Tailwind CSS · Firebase Auth · Firestore · Cloud Functions · Stripe · Resend · TanStack Query · Zustand · PWA · Vitest
Marriage & Family Bible Institute dark landing page with its featured certificate course
01

Context

The institute needed more than a public course website: enrollment, payment, protected learning, downloadable resources, support, and administration all had to operate as one coherent product.

Individual, couple, organization-student, organization-admin, and platform-admin journeys required distinct capabilities without weakening subscription, course, progress, or data boundaries.

02

Response

A pnpm monorepo separates the React application, Firebase Cloud Functions, and shared TypeScript contracts while keeping frontend and backend models aligned.

The public experience leads into Stripe-backed enrollment and resource purchases, while protected portals coordinate course chapters, reading and video completion, quizzes, progress, certificates, resources, invitations, and reporting.

Firebase Authentication, Firestore and Storage rules, callable functions, webhook processing, scheduled retries, and transactional email automation keep privileged operations behind explicit server and data boundaries.

03

Contribution

  • Architected and built the responsive public site and the student, platform-admin, and organization-admin applications.
  • Designed the course-management workflow for structured chapters, rich text, video, quizzes, exercises, media, faculty, and downloadable resources.
  • Implemented authentication, subscription gates, role capabilities, organization membership, couple-account invitations, and protected data access.
  • Built Stripe enrollment and resource-purchase flows, webhook reconciliation, purchase records, subscription lifecycle handling, and failure states.
  • Delivered automated certificates, transactional Resend email, scheduled retries and reports, PWA behavior, deployment recovery, Firebase configuration, and production delivery.
04

Engineering challenges

  • Enforcing role, ownership, organization, couple, purchase, and active-subscription rules consistently across navigation, Firestore, Storage, and Cloud Functions.
  • Keeping Stripe payment intents, recurring subscription events, user entitlements, purchases, and webhook-processing records synchronized through asynchronous callbacks.
  • Calculating dependable course completion across reading, video, and quiz pages while preserving resumable progress and issuing a certificate only when completion requirements are met.
  • Supporting a large set of public and protected routes with theme parity, responsive layouts, lazy loading, recoverable deployments, and useful loading, empty, and failure states.
05

Delivered evidence

  • Delivered a deployed end-to-end platform spanning discovery, enrollment, payment, learning, completion, certification, resources, support, and administration.
  • Created dedicated student, platform-admin, and organization-admin experiences over shared course, user, progress, certificate, and resource data.
  • Automated subscription activation, resource access, invitations, transactional email, certificate issuance, retries, cleanup, and scheduled reporting through Firebase Functions.
  • Added focused tests for course UX, reading and quiz progress, invitation and email behavior, deployment safeguards, and source-policy boundaries.
MFBI student dashboard with learning progress, certificates, resources, and couple account access
The protected student workspace combines continuation context, progress analytics, certificates, resources, and linked couple access using demonstration data.
Marriage & Family Bible Institute landing page in dark mode
The dark public experience connects the programme narrative, course catalogue, credentials, and student stories.
Marriage & Family Bible Institute landing page in light mode
The complete landing journey in its responsive light theme.
MFBI public course catalogue in light mode
A filterable public catalogue introduces available courses and the broader curriculum.
MFBI public course catalogue in dark mode
The same catalogue remains legible and consistent in the product’s dark theme.
Human and AI-Robot Marriage public course details in light mode
Public course details expose outcomes, format, and lesson structure before enrollment.
Human and AI-Robot Marriage public course details in dark mode
Course information and curriculum structure adapted to the dark interface.
Evidence and publication note

Technical scope verified from the clean local MFBI monorepo, Firebase configuration, security rules, deployment documentation, and the live service on 11 August 2026. Public screenshots were captured from mfbinstitute.org; the authenticated student dashboard was supplied by the project owner and uses demonstration identities. The private source repository is intentionally omitted, and no adoption or commercial-impact metrics are claimed.