Skip to content
Ayoub Obeidi
Email me (opens Gmail in a new tab)
All projects

2026 · Solo project

Vertex

Learning platform with search that jumps to the exact second.

Live demo (opens in a new tab)Source code (opens in a new tab)
Vertex home page with the headline “Search your learning in plain English.”, an Explore Courses button and a plain-language search box.

Stack

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS
  • Sanity
  • Clerk
  • PostHog

Overview

Authors publish courses in Sanity and learners watch them on a Next.js site. Learners search in plain language and get ranked cards that open the lesson video at the exact moment the topic is taught.

What it does

  • Design system built from a reference sheet as Tailwind v4 tokens and reusable React components.
  • Catalog, course, lesson and search pages matched to desktop designs, then adapted down to mobile.
  • Search results page with video-moment cards that open the lesson video at the matched second.
  • Clerk sign-in, learner progress and a “My Learning” page, plus a light/dark theme.

Screens

  • Vertex lesson page with the course's module list in a sidebar, lesson badges, breadcrumb and the embedded lesson video.
  • Vertex course page for Next.js for Production with cover image, level, duration, modules, Start Learning button and a progress bar.
  • Vertex home page in the dark theme.