EdTech

Online Learning Platform

Learning that respects the learner's time.

Year
2024
Duration
3 months
Role
Front-end + Streaming
Status
Case study
Online Learning Platform
Overview

An indie educator was losing students between videos. The drop-off was not the content — it was the pacing, the auto-play and the lack of a sense of progress.

We rebuilt the player around clear chapters, auto-saving notes and a certificate that students actually wanted to share.

Challenges
  • 1

    Stream high-quality video without overpaying for bandwidth.

  • 2

    Save progress per second, even on flaky connections.

  • 3

    Make certificates that look real on LinkedIn and feel earned.

What was built
🎥

Adaptive streaming

Mux-backed player that switches quality automatically and resumes where you left off.

📝

Auto-saved notes

Notes anchor to timestamps; reopening a lesson scrubs you straight there.

📜

Verifiable certificates

PDF + public verification URL that LinkedIn imports cleanly.

🧭

Course progress

Per-lesson and per-course progress that lets students restart without guessing.

Tech stack
Next.js 16Mux VideoStripeMongoDB AtlasTailwind CSS v4Vercel
Results
+71%
Course completion
82%
Avg. video watched
8,300
Students enrolled
Gallery
Lesson player with notes
Lesson player with notes
Course catalog — student view
Course catalog — student view
Verifiable certificate page
Verifiable certificate page

Have a project in mind?

I help small teams ship polished, performant web products. Tell me what you are building.