Introduction
Myzen is a fullstack Learning Management System (LMS) built for creators, instructors, and learners. It enables users to create, sell, and access premium courses—offering a seamless and intuitive experience.
Core Features:
- Course Creation: Instructors can publish structured content with chapters and videos.
- Secure Payments: Stripe integration ensures smooth and safe transactions.
- Media Uploads: Uploadthing handles image/video storage efficiently.
- Streaming: Mux powers adaptive and high-quality video playback.
- Authentication: Built with NextAuth for secure, session-based user handling.
- Database: Prisma ORM with PostgreSQL offers fast and scalable data queries.
- Stack: Next.js 14 App Router, TypeScript, TailwindCSS, Stripe, Mux, Prisma, and Uploadthing.
Performance: Myzen is hosted on Vercel (free tier), so some routes like the Browse page may experience slight delays due to cold starts.
Designed with simplicity, power, and scalability in mind—Myzen is a modern platform built for real-world teaching and learning.
Technologies Used
- framework: Next.js 15
- language: TypeScript
- styling: Tailwind CSS
- database: PostgreSQL
- orm: Prisma ORM
- auth: NextAuth.js
- payment: Stripe
- video: Mux
- storage: Uploadthing
- hosting: Vercel
Hello There!
Course Creation
In my LMS, instructors can create courses with an easy-to-use builder. They add a title, description, cover image, price, and assign a category. The highlight is the drag-and-drop interface for organizing course chapters — making it simple to adjust the course flow. The UI validates inputs to ensure all necessary details are completed before publishing. Built with React and Pangean’s drag-and-drop library, this feature focuses on a smooth, intuitive experience.
Chapter Management
Inside the Myzen LMS, instructors can craft individual course chapters with rich content. Each chapter requires a title, description, and a video — ensuring structured delivery. Videos are uploaded via UploadThing and securely streamed using Mux, providing a smooth learning experience. Instructors can also attach additional resources and mark chapters as free or paid, giving flexibility in course monetization. The system ensures quality by requiring at least one published chapter before a course can go live.
Publishing
After completing a course, instructors can publish it, making it available on the public Browse page. Visitors can view course details and preview free chapters. Myzen is integrated with Stripe Checkout, allowing users to purchase courses securely. Since this LMS is in demo mode, anyone can simulate a real purchase using Stripe's test card — no actual payment is processed. This flow helps demonstrate the real-world feel of selling digital products with confidence.
Browse Courses
All published courses appear on a dedicated course browsing page.
Buy With Stripe Integration
Myzen uses Stripe Checkout to handle secure and smooth payments.
💳 Demo Mode — Try It Yourself
- Test Card Number: 4242 4242 4242 4242
- Expiry: Any future date (e.g., 12/34)
- CVC: Any 3 digits (e.g., 123)
- ZIP: Any valid ZIP (e.g., 12345)
🧠 Note: No real money is involved — it's a safe test environment for demo purposes.
