EduFlow is a modern, full-stack LMS designed for the 2025 web. It bridges the gap between expert tutors and hungry learners through a seamless, high-performance interface. Architected with "Vibe Coding" principles—prioritizing intent, speed, and user experience.
- Intuitive Course Builder: Drag-and-drop curriculum management with multi-chapter support.
- Rich Media Uploads: Seamless video and PDF resource handling via UploadThing.
- Analytics Dashboard: Track student enrollment trends and revenue at a glance.
- Publishing Control: Toggle between draft mode and live production.
- Progress Tracking: Real-time persistence—never lose your place in a video.
- Dynamic Classroom: A focused, distraction-free environment for consuming content.
- Advanced Search: Filter by categories, price, and ratings to find exactly what you need.
- Course Dashboard: Visual progress bars for every enrolled course.
- Frontend: Next.js 16+ (App Router), Tailwind CSS, Shadcn/UI, Lucide Icons.
- Backend: Next.js Server Actions, Middleware for Role-Based Access.
- Database: PostgreSQL via Prisma ORM (hosted on Supabase).
- Authentication: Better-Auth (Social Login + Role Management).
- Payments: Stripe Integration (Webhooks & Checkout).
This project was built using an AI-Augmented workflow. Instead of getting lost in boilerplate, I focused on:
- System Design: Defining the complex relationships between Users, Enrollments, and Chapters.
- UX Polishing: Using AI to iterate rapidly on UI components until the "vibe" felt premium.
- Rapid Prototyping: Moving from a blank
npx create-next-appto a functional LMS in record time.
git clone https://github.com/uttombarmon/eduflow.git
cd eduflowpnpm install
# or
npm installCreate a .env file and add your credentials:
DATABASE_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
STRIPE_API_KEY=
UPLOADTHING_SECRET=npx prisma db push
npm run dev