
Online Tutoring & Learning Marketplace — Live Video Classes, Booking & Student Dashboard
Online tutoring marketplace with live 1-on-1 & group video classes via Jitsi Meet, student/tutor dashboards, booking, and GSAP-animated glassmorphism UI.
Key Metrics & Highlights
📋About This Project
TutorFlow is a production-grade online tutoring marketplace built with Next.js 16 (App Router), TypeScript, Prisma ORM, PostgreSQL, and NextAuth.js v5.
Students browse a verified tutor directory with subject and rating filters, book 1-on-1 sessions via an interactive availability slot picker, or enroll in multi-session group courses — with confirmation emails delivered via Resend.
Tutors complete a multi-step onboarding wizard covering bio, subjects, availability, and pricing, then manage their full schedule from a dedicated tutor dashboard.
Live video rooms are powered by the Jitsi Meet SDK, loading entirely in-browser with HD video, screen sharing, and a collaborative whiteboard — no plugins required.
Room access is enforced by server-generated JWTs, ensuring only enrolled students and the session tutor can join.
Role-based access control (STUDENT | TUTOR | ADMIN) is handled by NextAuth.js middleware across all protected routes.
The UI features a GSAP canvas particle hero with floating orbs, Framer Motion page transitions and scroll-triggered section reveals, an animated dual-row tutor marquee, count-up stat counters, and glassmorphism cards throughout.
Dark theme with a purple-to-cyan gradient palette, skeleton loaders for async data, and Sonner toast notifications.
✅Features & Benefits
🎯Who It's Built For
Project Details
- Category
- EdTech
- Built With
- Next.js 16, TypeScript, Prisma +more
- Status
- ✅ Delivered
- Agency
- Tech Mag Solutions
Full Tech Stack
Want Something Similar?
We can build a custom solution tailored to your business in edtech.
Get a Free Quote →Related Projects
View all →Ready to Build Your Next Project?
Get a free strategy session worth $500. We'll scope your project, recommend the best tech stack, and give you a clear roadmap.
