Case study

SkillSphere

Online learning platform with course catalog, search and filters, instructor highlights, protected course details and profile routes, plus email and Google auth.

SkillSphere

SkillSphere is an online learning platform where students browse courses, filter by category, and access protected lesson content after authentication. Instructors are highlighted on the homepage, and profile routes keep user data scoped per account.

Highlights

  • Course catalog with search, filters, and category chips
  • Protected routes for course details and user profiles
  • Email and Google authentication via Better Auth
  • Polished motion and layout with Framer Motion

Tech stack

Next.js 16React 19Better AuthMongoDBHeroUIFramer Motion