The Premium Multi-tenant SaaS Platform for Corporate Training
Smiris Learn is a next-generation Learning Management System (LMS) designed for modern businesses. It combines a premium glassmorphism aesthetic with powerful multi-tenant capabilities, allowing organizations to host internal videos, create interactive assessments, and manage their learning pillars with unparalleled ease.
Smiris Learn isn't just another LMS. It's built with a visual-first approach:
- Glassmorphism Engine: Semi-transparent containers with nested
backdrop-blurand subtle border glows. - Dynamic Motion: Fluid transitions and micro-interactions powered by
Framer Motion. - Responsive Excellence: A seamless experience across mobile, tablet, and desktop.
- Dark Mode Native: Deeply integrated dark theme for reduced eye strain during long learning sessions.
- Global Command Center: Real-time overview of organization health and platform revenue.
- Tenant Management: Full lifecycle control over client organizations (onboarding, suspension, plan upgrades).
- Dynamic Subscription Tiers: Automated Stripe integration for Free, Starter, and Business plans.
- Customizable Pillars: Define your own learning categories (e.g., Product Knowledge, Security Compliance, Customer Success).
- Unified Action Toolbar: Standardized action buttons and filters for a consistent management experience.
- Advanced Video Library: Rich video hosting with custom thumbnails and deep pillar integration.
- Interactive Quiz Builder: Intuitive interface to create assessments with passing scores and timer controls.
- Member & Group Management: Organize learners into logical groups with targeted pillar access.
- Netflix-style Discovery: Browse learning content through an immersive, card-based interface.
- Immersive Video Player: Distraction-free playback with automatic progress tracking.
- Challenge & Growth: Interactive quizzes at the end of modules to validate knowledge.
- Progress Dashboard: Personal dashboard showing completion rates and academic achievements.
Smiris Learn uses a Shared Database with Row-Level Security (RLS):
- Isolation: Every row is pinned to an
organization_id. Supabase RLS policies ensure strict data segregation. - Scalability: Grow from 1 to 10,000 tenants without infrastructure changes.
- Performance: Optimized PostgreSQL queries ensures fast loading even with deep nested data structures.
| Tier | Technology | Rationale |
|---|---|---|
| Frontend | React 18 & Vite | Lightning-fast development and optimized production bundles. |
| Styling | Tailwind CSS | Utility-first styling for consistent design tokens. |
| Animations | Framer Motion | High-performance declarative animations. |
| Backend | Supabase | Real-time database, Auth, and binary Storage. |
| Payments | Stripe | Industry-standard subscription handling. |
| Icons | Lucide React | Minimalist and consistent iconography. |
- Node.js (v18 or higher)
- NPM or Yarn
- A Supabase project
- A Stripe account (optional for local testing)
-
Clone the repository
git clone https://github.com/your-repo/smiris-learn.git cd smiris-learn -
Install dependencies
npm install
-
Configure Environment Variables Create a
.envfile in the root directory:VITE_SUPABASE_URL=your_supabase_url VITE_SUPABASE_ANON_KEY=your_supabase_anon_key VITE_STRIPE_STARTER_PRICE_ID=your_stripe_price_id
-
Start the development server
npm run dev
- Data Sanitization: All user-provided content is sanitized using custom
untrustedandescapeTextutilities. - Auth Gates: Secure routing using
useAuthanduseUserRolehooks. - Database Security: 100% policy-covered tables with strict PostgreSQL Row-Level Security.
- Mobile App (React Native/Expo)
- Gamification Engine (Badges & XP)
- Peer-to-peer Learning Community
- AI-powered Learning Recommendations (Generative AI)
Distribué sous la licence MIT. Voir LICENSE pour plus d'informations.
Built with ❤️ by the Smiris Learn [ Yassir kezzi (100%) ] Team.