<A/>
Abdellah.dev
/
Back to projects

LearnX

An AI-powered learning platform that helps users discover courses and find relevant lessons through natural-language search. It also provides a complete learning experience with video lessons, progress tracking, and personalized course management.

LearnX

LearnX

LearnX is an AI-powered learning platform built to make finding and learning from course content easier. It combines a modern course platform with an intelligent search system that can understand what the user is looking for and take them directly to the relevant lesson or even a specific moment in a video.

Design & Experience

  • Clean and modern interface focused on making course content easy to explore

  • Course catalog with categories, levels, pricing, popularity, and student counts

  • Detailed course pages with learning outcomes, instructors, and structured modules

  • Dedicated lesson pages combining video, notes, key points, and additional resources

  • My Learning section where users can continue their courses and track their progress

AI-Powered Search

  • Search using natural language instead of exact keywords

  • Results are ranked based on their relevance to the query

  • Find specific lessons or the exact moment in a video where a topic is explained

  • Video results open directly at the relevant timestamp

  • Searches through both course chapters and transcript content

  • Results are based on actual course content stored in Sanity

Learning Features

  • Support for videos hosted on YouTube, Vimeo, and Bunny

  • Resume videos from where the learner stopped

  • Mark lessons as completed and track learning progress

  • Rich-text lesson notes with key learning points and useful resources

  • Protected user progress and personalized content

Content Management

  • Courses and lessons are managed through a dedicated Sanity Studio

  • Structured content makes courses, modules, lessons, and learning resources easy to manage

  • Authentication and user access handled with Clerk

Tech Stack: Next.js · React · TypeScript · Sanity · Sanity Context MCP · LLM · Clerk

LearnXLearnXLearnXLearnXLearnX