Skip to main content

TeachForm: Multi-Tenant LMS Platform

A learning management system for universities, schools, learning centers, and individual course creators. Built on React and Next.js with three permission layers: Admin, Instructor, and Student. Real-time chat uses WebSockets. Kanban board is a drag-and-drop React component. Quiz builder renders dynamic form inputs. Payments use Stripe embedded elements. Authentication uses token-based rotation. Role-based access control blocks unauthorized routes at the middleware level.

Visit website
  • Frontend Architecture
  • React / Next.js
  • WebSocket Integration
  • Component Library Design
  • Role-Based Access Control
TeachForm instructor dashboard. Course creation interface with drag-and-drop components and AI assistant integration.

The challenge

Educational institutions and individual course creators need a unified platform for course management, student engagement, and content delivery. Administrators require multi-tenant controls. Instructors need intuitive tools for building courses and assessments. Students need personalized experiences with real-time feedback. TeachForm addresses these requirements with a modular frontend architecture that separates concerns across three permission layers.

TeachForm component library. Reusable UI elements for admin, instructor, and student interfaces.

Component system

The component system uses MUI as a foundation. Reusable primitives include data tables with sorting, filtering, and pagination. Modal orchestration patterns manage complex workflows. Form handling uses validation schemas. Adaptive navigation responds to user roles. The library maintains UI consistency across admin dashboards, instructor workspaces, and student portals.

TeachForm course and category management interface.

Course and content management

Admins control tenant-wide categories, user roles, and subscription access. Instructors build courses, upload materials, create quizzes, and track student progress. Payment integration allows tenants to monetize courses. Each tenant operates with isolated users, branding, and settings.

Real-time communication

Socket.io powers live chat between instructors and students. Live quiz results deliver instantly after submission. Push notifications update users on deadlines, announcements, and platform activity without page refresh.

Kanban and list views

The task management system supports two workflows. Instructors use drag-and-drop Kanban boards to track student progress through assignment stages. Administrators use list views with advanced filtering to manage large volumes of users and courses.

TeachForm Kanban board. Columns for To Do, In Progress, Review, and Completed.

AI assistant

The AI assistant uses a provider-agnostic abstraction layer. Users select between Claude, GPT, or DeepSeek based on their needs. The system maintains persistent context across user roles and enrolled courses. Role-specific assistance includes course creation tools for instructors, explanations for students, and analytics for admins.

AI assistant interface. Quiz generation options and analytics dashboard.

Multi-tenant architecture

The frontend uses a database-per-tenant isolation model. Dynamic tenant switching routes requests to the correct data store. Isolated state management per tenant prevents cross-tenant data leakage. Role-based routing scales across university deployments, learning centers, and independent instructors. The system handles tenant-specific theming, custom domain support, and isolated user sessions.

SHARED INFRASTRUCTURE
Socket.ioPayment APIAI EngineAuthCDNAnalytics
University A
AdminUsers · Branding · Billing
InstructorCourses · Quizzes · Kanban
StudentContent · Progress · Chat
Learning Center B
AdminUsers · Branding · Billing
InstructorCourses · Quizzes · Kanban
StudentContent · Progress · Chat
Individual C
AdminUsers · Branding · Billing
InstructorCourses · Quizzes · Kanban
StudentContent · Progress · Chat

Project outcomes

TeachForm serves universities, learning centers, and independent course creators from a single platform. Each tenant maintains its own branding and user management while sharing core infrastructure. The component library and real-time features are used daily by active learners. Explore the live platform at cosmos-pixels-studio.teachform.com.