🎓 LMS Platform

A full-stack Learning Management System that bridges instructors and learners through interactive, video-based courses. The app includes course creation tools, analytics for instructors, and a dynamic learning interface for students — all built with Next.js, tRPC, and Stripe integration for seamless course purchases.

🔧 Tech Stack

• Next.js + React – Full-stack React framework for both frontend and backend logic.
• tRPC – End-to-end type-safe API communication.
• Prisma + PostgreSQL – Efficient and relational database structure for users, courses, and chapters.
• Tailwind CSS + ShadCN UI – Modern, responsive design system for elegant dashboards.
• Auth.js – Authentication and session management.
• Stripe – Secure payment and enrollment system.

🌐 Project Type Full-Stack SaaS LMS Application E-Learning Platform with Admin Analytics and Payment Integration

🎯 Features

• 🎥 Course Player – Watch video lectures, download resources, and track progress with completion buttons.

• 💳 Stripe Integration – Users can buy and enroll in courses securely.

• 📊 Instructor Analytics Dashboard – Displays:

  • Total revenue (in dollars)
  • Total courses sold
  • Individual course performance graphs using ShadCN + Chart.js

• 🧱 Course & Chapter Builder – Admin can:

  • Create and edit courses
  • Add multiple chapters with media and resources
  • Reorder chapters via drag-and-drop for a professional UX flow

• 📚 Smart Progress Tracking – Tracks how much of each course a user has completed.

• 🧑‍🏫 Instructor Dashboard – Each admin sees analytics only for their created courses.

• 🔍 Category & Search System – Filter courses by category tags like Programming, Business, Design, etc.

• 💻 Modern UI – Responsive dashboard and dark-mode aesthetic for both learners and instructors.

📸 Preview Live App →

🔑 Credentials (Demo Access) Recruiters can explore the full app using:

Email: JohnDoe@gmail.com  
Password: 12345678

🚀 Highlights

• Advanced analytics dashboard with real-time bar graphs.
• Polished drag-and-drop course builder built from scratch.
• Smooth learning flow with progress tracking and payments.
• Fully responsive and designed for both learners & admins.
• Deployed on Vercel, ensuring global scalability and speed.

📁 Project Structure

• /app – Next.js routes and server components
• /components – Modular UI (charts, cards, video player, tables)
• /lib – Utility functions and server logic
• /prisma – Database schema and migrations
• /server – tRPC routers for user, course, and analytics endpoints
• /public – Course thumbnails, icons, and static assets