Back to Selected Work
Work/TipTop CA
EdTech / Enterprise AI LMS

TipTop CA

1,000+ Active Students Powered by Automated Azure Provisioning & Course-Grounded AI

Engineered as a revenue-generating educational platform to replace manual student enrollment bottlenecks. TipTop CA automated Microsoft Azure student directory provisioning upon verified PayFast payments, introduced a syllabus-grounded AI academic tutor, and stabilized mission-critical operations to scale reliably to 1,000+ active students with zero downtime.

1,000+Active Students Supported
100%Automated Azure Provisioning
Sub-2sRAG AI Query Latency
99.9%Production VPS Reliability
ARCHITECTURAL TELEMETRY // TIPTOPCA
PRODUCTION VERIFIED
SCALE
1,000+ StudentsActive concurrent learners & progress state
PAYMENTS
PayFast EngineInstallments, upsells & verified webhooks
IDENTITY
Azure & MS GraphZero-touch student account provisioning
RAG AI
Gemini File SearchCourse-grounded contextual tutor (no hallucination)
Deployment Pipeline99.9% Uptime
Hostinger VPSNginx ProxyPM2 ClusterCloudflare EdgeGit CI/CD
Role: Lead Full-Stack Architect
ENGINEERING ROLELead Full-Stack Developer & Systems Architect
PRODUCTION SCALE1,000+ Active Students
DELIVERY LIFECYCLEComplete Build, Enterprise Expansion & Ongoing Production Evolution
DEPLOYMENT TARGETHostinger VPS · Nginx · PM2 · Cloudflare · CI/CD
https://tiptopca.co.za
TipTop CA — Full-Stack Educational Platform Showcase
JUMP:
EXECUTIVE CASE BRIEF // AT A GLANCE
01 // THE CHALLENGE

The client's growing student body suffered from 24-to-48-hour manual IT onboarding delays, payment reconciliation friction across installment plans, and code regressions from rapid AI feature generation.

02 // THE DIGITAL ASSET

Custom-engineered a Next.js LMS with automated PayFast webhook verification, zero-touch Azure student provisioning, a syllabus-grounded Gemini RAG assistant, and root-cause codebase stabilization.

03 // COMMERCIAL IMPACT

1,000+ active students supported with 99.9% uptime, zero-touch student onboarding, and zero payment disputes.

[01]PLATFORM ARCHITECTURE

Engineering an Enterprise Learning Engine for 1,000+ Students

TipTop CA is a production Learning Management System (LMS) and EdTech platform engineered to handle end-to-end educational operations for professional Chartered Accountancy students. Serving a rapidly scaling student body of 1,000+ active learners, the platform operates not merely as a content repository, but as a full-scale transactional, identity-driven, and operational business engine.

My role spanned the entire application lifecycle as Lead Full-Stack Developer. I architected the core request lifecycle: translating responsive user interactions in Next.js into authenticated REST API commands, enforcing role-based permissions (RBAC) across Admins, Instructors, and Students, executing transactional business logic, and orchestrating synchronization across databases and external enterprise ecosystems.

Key Commercial & Engineering Takeaways:
  • Full-Stack Request Lifecycle: Next.js UI → Node/Express API → MongoDB → External Cloud Services
  • Production-tested concurrency supporting 1,000+ active Chartered Accountancy students
  • Strict server-side Role-Based Access Control (RBAC) for Students, Instructors, and Administrators
[02]CURRICULUM ENGINE

Modular Course Architecture & Structured Curriculum Delivery

At the center of TipTop CA is a modular course engine designed to deliver complex, multi-week academic syllabi with clarity. The platform supports tiered course catalogs, subject-specific lecture series, downloadable reference materials, and interactive assessment modules.

Rather than relying on heavy off-the-shelf LMS plugins that introduce latency and vendor lock-in, the course management system was custom-engineered to allow administrators to dynamically structure content, update curriculum schedules, and gate learning milestones based on enrollment status and student progress.

TipTop CA Course Catalog displaying Chartered Accountancy modules and curriculumUI PREVIEW
TipTop CA Course Catalog displaying Chartered Accountancy modules and curriculum
Course Catalog & Syllabus Directory — Modular curriculum organization allowing students to explore subject tracks and track prerequisite milestones.
Key Commercial & Engineering Takeaways:
  • Dynamic curriculum indexing and tiered subject modules
  • Custom lesson gating based on enrollment and prerequisite completion
  • Optimized asset delivery for high-resolution educational video streams
[03]STUDENT WORKFLOWS

Personalized Dashboards & Granular Progress Tracking

The student dashboard serves as the central command center for each enrolled learner. Because accountancy qualifications require hundreds of study hours, the interface was designed with minimal cognitive friction, providing instant visibility into module completion percentages, upcoming deadlines, and direct access to active lecture content.

Every student interaction—from video completion to quiz submissions—updates persistent application state in real time. Upon meeting completion criteria, the system triggers automated digital certificate generation, removing manual administrative verification overhead.

TipTop CA Student Dashboard with progress tracking, active courses, and lesson accessUI PREVIEW
TipTop CA Student Dashboard with progress tracking, active courses, and lesson access
Student Learning Dashboard — Personalized study portal with real-time course progress metrics, module resumption, and authenticated profile workflows.
Key Commercial & Engineering Takeaways:
  • Granular lesson progress tracking stored in persistent state
  • Automated completion verification and digital certificate generation
  • Clean, distraction-free study environment optimized for mobile & desktop
[04]FINANCIAL ARCHITECTURE

Resilient Transactional Engine with Multi-Stage Installments & Webhooks

Handling educational enrollments required a resilient transactional payment infrastructure. I integrated PayFast to support diverse commercial models: one-time upfront payments, multi-month installment schedules, and high-conversion course upsell checkout funnels.

Rather than relying on the client's browser to signal payment success—a common source of failed access grants and payment disputes—the payment architecture is strictly webhook-driven. Asynchronous PayFast webhooks are cryptographically verified by the backend, updating transaction ledgers, triggering course access, and re-attempting failed calls with idempotent retry logic.

TipTop CA Course Checkout and Upsell selection interfaceUI PREVIEW
TipTop CA Course Checkout and Upsell selection interface
Checkout & Upsell Funnel — High-conversion course enrollment flow supporting one-time payments, flexible installment plans, and contextual upsells.
Key Commercial & Engineering Takeaways:
  • Multi-tier payment options: full tuition, installment schedules & add-on upsells
  • Asynchronous, cryptographically verified PayFast webhook engine eliminating payment fraud
  • Idempotent payment reconciliation ensuring zero lost transactions or disputed enrollments
[05]ENTERPRISE CLOUD

Automated Student Identity Provisioning via Microsoft Graph & Azure

A major operational differentiator for TipTop CA was its deep bridge into the client's Microsoft and Azure enterprise ecosystem. Historically, onboarding a student into corporate educational environments required manual IT staff provisioning, creating a 24-to-48-hour delay.

I integrated Microsoft Graph and Azure Active Directory APIs directly into the post-payment webhook pipeline. The instant a student completes their initial installment or payment, the backend automatically provisions their Azure student account, configures role permissions, and provisions access credentials without human intervention.

PayFast sandbox verification and automated provisioning pipeline interfaceUI PREVIEW
PayFast sandbox verification and automated provisioning pipeline interface
PayFast Gateway & Automated Provisioning — Validated sandbox transaction triggering instant Azure student account creation via Microsoft Graph.
Key Commercial & Engineering Takeaways:
  • Automated Azure student directory provisioning upon confirmed payment
  • Eliminated manual IT onboarding overhead and 24-hour delays
  • Enterprise-grade identity synchronization via Microsoft Graph APIs
[06]APPLIED AI & RAG

Grounded Course-Content AI Assistant via Gemini File Search

To empower students with instant, 24/7 academic support, the LMS was upgraded with an intelligent AI chatbot. Rather than offering a generic, unrestricted conversational model prone to hallucinations, the system was built using a Retrieval-Augmented Generation (RAG) architecture powered by Google Gemini and Gemini File Search.

Course materials, lecture notes, and syllabus documentation are indexed into structured knowledge repositories. When a student poses an inquiry, the retrieval pipeline queries the specific course knowledge base and grounds Gemini's response strictly within that syllabus, preventing cross-course data leakage and enforcing student enrollment authorization.

Key Commercial & Engineering Takeaways:
  • RAG architecture using Google Gemini and Gemini File Search
  • Strict syllabus grounding to eliminate hallucinations and off-topic responses
  • Granular authorization ensuring students only query enrolled course materials
[07]ENGINEERING DISCIPLINE

Stabilizing, Debugging & Refactoring AI-Generated Production Code

One of the most defining aspects of this project occurred when the client significantly expanded the original codebase using AI-assisted generation tools. While features were added rapidly, it introduced critical vulnerabilities: duplicate business logic, brittle API assumptions, unhandled edge cases, and regressions across the authentication flow.

I conducted comprehensive codebase archaeology—tracing execution flows end-to-end from the React UI down through the API routers, authentication middleware, and database layers. By identifying root causes rather than applying surface-level patches, I refactored the expanded codebase, eliminated regression bugs, and reinforced authentication boundaries without disrupting live production users.

Key Commercial & Engineering Takeaways:
  • Root-cause debugging across complex multi-layer full-stack flows
  • Stabilized brittle AI-generated code while preserving established business logic
  • Zero downtime and zero authentication regression during live refactoring
[08]DEVOPS & INFRASTRUCTURE

Hardened VPS Hosting, Reverse Proxies & Automated CI/CD

Operating a production LMS with 1,000+ students requires robust infrastructure beyond basic cloud hobby tiers. I configured and deployed the application on a dedicated Hostinger VPS running Linux, configured an Nginx reverse proxy with SSL termination, and managed application processes with PM2 for automated restarts and load monitoring.

Traffic routing, DDoS protection, and DNS are routed through Cloudflare, providing edge caching and security headers. A custom Git/GitHub CI/CD deployment pipeline was established, allowing incremental updates and bug fixes to be deployed to production safely and reliably.

Key Commercial & Engineering Takeaways:
  • Production VPS deployment running Nginx reverse proxy & PM2 process clustering
  • Cloudflare edge routing, SSL encryption & automated DDoS protection
  • Automated Git CI/CD deployment pipeline with continuous production uptime
ENGINEERING SPOTLIGHT // ROOT-CAUSE ARCHAEOLOGY

Stabilizing & Refactoring AI-Generated Production Code at Scale

Building a greenfield application from scratch is standard engineering; taking a live, revenue-generating LMS with 1,000+ active students that had been rapidly expanded with AI-generated code is a vastly more demanding challenge. When the client introduced new features via AI-assisted generation, it created duplicate business logic, brittle API assumptions, and subtle regressions in authentication and payment flows. My responsibility was to conduct deep codebase archaeology: tracing the full request lifecycle from the React UI through the API routers, auth middleware, and database state to identify root causes rather than applying surface patches. I stabilized the codebase, refactored fragile implementations, and preserved 100% of established business logic and security boundaries without disrupting live students.

Engineering Method: Understand → Trace → Root-Cause Fix → Verify100% Backward Compatibility
ARCHITECTURAL MATRIX

Architectural Matrix & Technology Stack

A modular overview of the specialized frameworks, core competencies, and production technologies engineered across each architectural tier.

[01]Client Layer

Frontend & User Experience

Core Skills & Capabilities:
Next.js 15 / React.js
TypeScript
Tailwind CSS
Responsive Dashboard UI
Modular Course Player
Contextual AI Chat Interface
Subsystem StatusProduction Ready
[02]Application Core

Backend & API Gateway

Core Skills & Capabilities:
Node.js & Express.js
REST API Architecture
Role-Based Access Control (RBAC)
Cryptographic Webhook Handlers
Idempotent Payment Reconciliation
Server-Side State Validation
Subsystem StatusProduction Ready
[03]Data Architecture

Database & Persistent State

Core Skills & Capabilities:
MongoDB & Mongoose
Scalable Educational Schemas
Transactional State Tracking
Granular Lesson Progress State
Automated Certification Records
Subsystem StatusProduction Ready
[04]Payment Gateway

Financial Engine & Payments

Core Skills & Capabilities:
PayFast Gateway Integration
Multi-Stage Installment Plans
High-Conversion Course Upsells
Asynchronous Webhook Processing
Automated Access Provisioning
Subsystem StatusProduction Ready
[05]Cloud Services

Enterprise Cloud & Identity

Core Skills & Capabilities:
Microsoft Graph API
Microsoft 365 Integration
Azure Active Directory
Zero-Touch Account Provisioning
Enterprise Identity Sync
Subsystem StatusProduction Ready
[06]Intelligent Systems

Applied AI & RAG Engine

Core Skills & Capabilities:
Google Gemini API
Gemini File Search
Retrieval-Augmented Generation (RAG)
Syllabus Knowledge Base Indexing
Enrolled-Course Scope Isolation
Subsystem StatusProduction Ready
[07]Platform Operations

DevOps, Security & Deployment

Core Skills & Capabilities:
Hostinger Linux VPS
Nginx Reverse Proxy & SSL
PM2 Process Clustering
Cloudflare DNS & Edge Security
Automated Git CI/CD Pipelines
24/7 Production Monitoring
Subsystem StatusProduction Ready
SUMMARY SPECIFICATION

Key Engineering Highlights

Scalable LMS architecture engineered and deployed to support 1,000+ active professional students with zero downtime
Automated Microsoft Graph & Azure student directory provisioning triggered instantly upon verified PayFast payments
Resilient financial engine supporting upfront payments, flexible multi-stage installment plans, checkout upsells, and asynchronous webhook verification
Context-aware AI academic assistant built on Google Gemini and Gemini File Search (RAG) strictly grounded in course materials
Codebase archaeology & stabilization: diagnosed and resolved regressions, fragile logic, and authentication bugs introduced during AI-assisted client expansion
End-to-end DevOps on Hostinger VPS featuring Nginx reverse proxy, PM2 clustering, Cloudflare edge security, and automated Git CI/CD pipelines
VERIFIED CLIENT ENDORSEMENT
“

“Wajid at Devsiter transformed my vision into TipTop CA, a revenue-generating LMS. His ability to architect a scalable platform with an AI chatbot, automated billing, and a custom student dashboard was exceptional. He didn't just write code; he engineered a complete business solution that now seamlessly supports over 1,000 active students.”

I
Ivyne
Founder, TipTop CA
NEXT STEP // ARCHITECTURAL ENGAGEMENT

Ready to Build Your Platform as a Lasting Digital Asset?

Whether you need a custom web application, a transactional LMS, or an automated workflow system, every engagement begins with a fixed-price architectural blueprint. No scope creep, no surprise invoices.

Direct founder communication within 24 hours. Fixed pricing before any financial commitment.