All Projects/Learn Sphere
// 07 / SaaS LMS

Learn Sphere

An LMS companies actually pay for to train employees — courses structured like a textbook, certificate PDFs that match the on-screen version exactly, and full Stripe billing with trials and proration, spread across four apps.

React
Next.js
Node.js
MongoDB
Stripe
Vite
Learn Sphere — product screenshot
// Overview

The problem Learn Sphere solves.

An LMS has a specific set of hard problems to solve: keep hundreds of companies' data completely separate on shared infrastructure, gate access automatically as subscriptions change, and structure courses so video, PDFs, quizzes, and discussions actually make sense in order.

Learn Sphere handles it with four apps sharing one backend — a marketing site, a Company Admin Panel for building courses and managing employees, a Learner Portal, and a Super Admin Panel that can push "global" courses to every company on the platform at once.

Courses are structured like a textbook — chapters containing sections containing one of twelve content-block types, with a pass/fail quiz per chapter. Real structure instead of a folder of loose files, with drag-and-drop reordering everywhere.

// My Role

End-to-end ownership.

I built Learn Sphere's four-app architecture end-to-end — the nested course model, quiz-shuffling with answer remapping so scores never break, certificate PDFs that render pixel-for-pixel, and the full Stripe subscription system with trials and proration.

Four-app architecture (marketing, Company Admin, Learner Portal, Super Admin) sharing one Express API

Nested course model — chapters → sections → 12 content-block types — with drag-and-drop reordering

Quiz engine with shuffled question order and index-remapped, tamper-proof scoring

Pixel-perfect certificate PDF export built from off-screen full-resolution rendering

Stripe billing with free trials, manual proration for annual plans, and server-enforced access gating

// Tech Stack

Tools of choice.

Frontend
React.js
Next.js
Vite
Tailwind CSS
Backend
Node.js
Express.js
REST APIs
Cloudinary
Database & Deploy
MongoDB
Mongoose
Stripe
Vercel
// Key Features

What makes Learn Sphere different.

Textbook-Style Course Builder

Chapters, sections, and 12 content-block types with drag-and-drop reordering, plus an optional pass/fail quiz per chapter.

Four Roles, Four Apps

Marketing site, Company Admin, Learner Portal, and Super Admin each built for their audience, sharing one backend.

Tamper-Proof Quizzes

Questions shuffle per attempt while answers are remapped to their original index, so scoring never corrupts.

Pixel-Perfect Certificates

Certificates render live from current records and export as a full-resolution PDF that matches the on-screen view exactly.

Stripe Subscriptions

Monthly, yearly, and custom plans with free trials, manual proration, and prorated refunds on cancellation.

Global & Company Courses

The Super Admin can publish read-only "global" courses that instantly appear across every company on the platform.

// Results & Impact

What it achieved.

0
Independent applications
0
Supported content block types
0
Shared backend API
0%
Server-enforced access gating

The certificate looks the same whether you're viewing it in the browser or downloading the PDF — a small detail most teams skip, and one of the things that made this feel like a finished product instead of a demo.

Internal engineering note
Internal engineering note
Architecture review
// What's next?

Like what you see?

Check out more of my work, or just reach out if you want to talk about a project.