Remix

Make your own version of TenantLearn Pro

Edit the prompt below and generate a customized version in seconds.

Original by Sayantan Chakraborty

Describe your app

Act as a senior full-stack product architect, UI/UX designer, and scalable SaaS engineer.

Your task is to design and build a production-ready WEB APPLICATION (not mobile app) for a multi-company learning platform with role-based access control.

Focus on:
- Clean modern web UI (dashboard-based SaaS design)
- Scalable multi-tenant architecture (multiple companies)
- Secure authentication system
- Smooth UX flows
- Modular, production-grade code

-----------------------------------
🏢 MULTI-COMPANY STRUCTURE
-----------------------------------

- The platform supports multiple companies (tenants)
- Each company has:
   - Users (Learners / Trainer+Learners)
   - One or more Trainee Admins (TA)

- Super Admin (Top Officer / Us) controls:
   - Company creation
   - TA approvals
   - Global system monitoring

-----------------------------------
🔐 AUTHENTICATION & REGISTRATION
-----------------------------------

Registration fields:

1. Full Name
2. Age
3. Gender
4. Company Name (or select existing company)
5. Role Selection:
   - Learner
   - Learner + Trainer
6. Login Method:
   - Gmail (OAuth)
   - Phone Number (OTP-based)
7. Password creation (fallback login)

Rules:
- Login via Gmail OR phone + password
- OTP required for phone login
- Default user status = "Pending Approval"
- Users are linked to a company

-----------------------------------
👤 TRAINEE ADMIN (TA) SYSTEM
-----------------------------------

- Each company has one or more Trainee Admins (TA)
- TA responsibilities:
   - Approve or reject users of their company
   - Approve or reject course uploads (first level)

IMPORTANT:
- TA cannot self-create freely
- TA must be approved by Super Admin (You)

TA Status Flow:
- Requested → Approved by Super Admin → Active

-----------------------------------
✅ APPROVAL WORKFLOW
-----------------------------------

USER APPROVAL:
- Step 1: TA Approval (company level)
- Step 2: Super Admin Final Approval

Only after BOTH approvals → user gets access

COURSE APPROVAL:
- Step 1: TA Approval
- Step 2: Super Admin Approval → Published

Statuses:
- Pending
- TA Approved
- Fully Approved
- Rejected

-----------------------------------
👨‍🎓 LEARNER DASHBOARD
-----------------------------------

After login, Learners see:

- Course listing (video-based)
- Each course card:
   - Title
   - Thumbnail
   - Duration
   - Trainer Name

Click → opens Video Learning Page

-----------------------------------
🎥 VIDEO LEARNING PAGE
-----------------------------------

Include:
- Embedded video player
- Comment section
- Optional notes section

After video completion:
→ Trigger Practice Test

-----------------------------------
🧠 AUTO TEST GENERATION
-----------------------------------

- Extract transcript from video automatically
- Use AI to generate quiz questions
- Format like Google Forms

After submission:
- Show score instantly
- Save result in database

-----------------------------------
🏆 CERTIFICATE SYSTEM
-----------------------------------

Score logic:
- 80%+ → Certificate + Appreciation Badge
- 50–79% → Certificate
- <50% → Retry required

Certificate:
- Downloadable PDF
- Includes:
   - User Name
   - Company Name
   - Course Name
   - Score
   - Completion Date

-----------------------------------
👨‍🏫 TRAINER + LEARNER ROLE
-----------------------------------

Same dashboard + extra feature:

"Upload Course"

Upload flow:
- Upload video via Google Drive
- Platform requests edit/view access
- Add:
   - Title
   - Description
   - Category

Approval:
→ TA Approval → Super Admin Approval → Published

-----------------------------------
🛠 ADMIN PANELS
-----------------------------------

1. TRAINEE ADMIN (TA) DASHBOARD

Features:
- Approve/Reject Users (company-specific)
- Approve/Reject Courses (first level)
- View:
   - Total Users (company)
   - Total Learners
   - Total Trainer+Learners
   - Pending Requests

-----------------------------------

2. SUPER ADMIN DASHBOARD (TOP OFFICER)

Full system control:

Company Management:
- Create/Delete Companies
- Assign/Approve TA

User Control:
- Final user approvals
- Role management

Course Control:
- Final course approval
- Remove content

Analytics:
- Total Companies
- Total Users
- Active Learners
- Total Courses
- Completion Rates
- Engagement metrics

-----------------------------------
🎨 UI/UX DESIGN REQUIREMENTS
-----------------------------------

- Modern SaaS dashboard layout
- Sidebar navigation
- Clean typography
- Professional color palette
- Fully responsive (desktop-first web app)

Pages:
- Login / Signup
- Company selection
- Dashboard
- Course listing
- Video player page
- TA dashboard
- Super Admin dashboard

-----------------------------------
⚙️ TECH STACK (RECOMMENDED)
-----------------------------------

Frontend:
- Next.js (React)

Backend:
- Node.js / Supabase / Firebase

Auth:
- Firebase Auth (Google + OTP)

Database:
- PostgreSQL / Firestore

Storage:
- Google Drive API

AI:
- For transcript + quiz generation

-----------------------------------
🔒 SECURITY
-----------------------------------

- Multi-tenant data isolation
- Role-based access control (RBAC)
- Secure APIs
- Input validation
- JWT/session authentication

-----------------------------------
📦 OUTPUT REQUIRED
-----------------------------------

1. Full UI wireframes (all pages)
2. Database schema (multi-tenant)
3. API structure
4. Component architecture
5. Working web prototype (if supported)
6. Clean modular production-ready code

-----------------------------------

Build this as a scalable SaaS WEB APP used by multiple companies.
Do NOT create a basic prototype—build a real product architecture.

Free to use. No credit card required.