SkillSphere — Modern Online Learning Platform

Overview

SkillSphere is a modern and fully responsive online learning platform designed to deliver an engaging educational experience. Built with Next.js App Router and BetterAuth, the app allows users to explore skill-based courses, view detailed curriculum pages, manage personal profiles, and securely authenticate via email or 1-click Google Sign-In. It highlights top-rated courses on the homepage, features real-time course title searching, and ensures privacy with protected route handlers.

Key Features

• Skill-based course search and top-rated featured section on homepage
• Secure authentication system supporting Email/Password and 1-click Google login
• Protected routes ensuring course details are accessible only to authenticated users
• Dynamic user profile updating (Name, Photo URL) with instant feedback via Toast notifications
• Interactive UI built with Motion animations, Swiper sliders, and a custom 404 page

Challenges & Solutions

• Implementing secure authentication and handling protected route redirects within Next.js App Router
• Balancing rich UI animations and dynamic loading states without affecting page performance

Future Roadmap

• Personalized learning paths based on user history
• Live cohort dashboards with real-time student progress tracking