← Back to projects
Udemy Clone
Next.jsReactTypeScriptPrismaPostgreSQLTailwind CSSJWTPayments
A production-grade e-learning marketplace that powers instructor-led course creation and student learning at scale. Two distinct ecosystems enable instructors to create monetizable courses and students to learn through structured, interactive lessons. Full payment integration, role-based access control, and real-time progress tracking.
Student Features
- •Secure JWT authentication with persistent sessions
- •Browse and search courses by category with advanced filters
- •One-click enrollment with integrated payment processing
- •Chapter-by-chapter progress tracking with completion badges
- •Leave ratings and detailed reviews on completed courses
- •Personal learning dashboard with progress bars and course history
Instructor Features
- •Create courses with granular chapter-level control
- •Mix video lessons (YouTube embeds / MP4) with rich article content
- •Publish and unpublish courses on demand
- •Reorder chapters with atomic database transactions
- •View student enrollment metrics and engagement data
- •Real-time student progress visibility per course
Technical Stack
- •Type-safe full-stack: Next.js 16, React 19, TypeScript
- •Prisma 7 ORM with PostgreSQL for data integrity
- •Edge-compatible JWT sessions with role-based route guards
- •Server Actions for all mutations with automatic cache invalidation
- •Zero client-side data fetching — pure server-side rendering
- •Responsive UI with Tailwind CSS and mobile-first design