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.