Online Tutoring & Learning Marketplace — Live Video Classes, Booking & Student Dashboard
EdTech✅ Live Demo Available

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

🎥
Jitsi Meet
Video Tech
🔐
NextAuth v5
Auth
📚
3 (Student/Tutor/Admin)
User Roles
✨
GSAP + Framer
Animation

📋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

✓Live 1-on-1 and group video classes powered by Jitsi Meet SDK (no plugins)
✓Screen sharing + collaborative whiteboard inside the browser
✓JWT-secured room access — only enrolled students & tutors can join
✓3-step tutor booking wizard with real-time availability slot picker
✓Confirmation emails via Resend for every booking
✓Role-based access: Student, Tutor, Admin with middleware enforcement
✓GSAP canvas particle hero + Framer Motion page transitions
✓Full admin panel for tutor approval and platform analytics

🎯Who It's Built For

Online TutorsLanguage SchoolsCoaching CentersCorporate L&D TeamsEdTech Startups

Project Details

Category
EdTech
Built With
Next.js 16, TypeScript, Prisma +more
Status
✅ Delivered
Agency
Tech Mag Solutions

Full Tech Stack

⚡ Next.js 16🔷 TypeScript⚡ Prisma🐘 PostgreSQL⚡ NextAuth.js v5⚡ Jitsi Meet SDK✨ Framer Motion⚡ GSAP⚡ Tailwind CSS v4⚡ EdTech
🛠️

Want Something Similar?

We can build a custom solution tailored to your business in edtech.

Get a Free Quote →

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.