← Back to Selected Work
06 / COMMUNITY

Tuetube

Distraction-free educational media curation for self-directed students

Status: Concept →WebEducationCurationGitHub Repository ↗
24 Modules
Curated Topics
0 Algorithmic Feeds
Distraction Index
99/100
Lighthouse Score

Project Overview

Tuetube is an experimental web platform designed to eliminate algorithmic rabbit holes, clickbait thumbnails, and distracting recommendation sidebars from online education. It organizes premier educational lectures, tutorials, and scientific explainers into structured curricula for mathematics, physics, and computer science.

The Challenge & Problem

YouTube is the worlds greatest university, but its engagement-driven algorithm actively works against focused, sequential study by serving sensationalist distractions.

The Engineering Solution

A clean, editorial web interface that curates vetted YouTube educational playlists into syllabus-driven courses without comments, advertisements, or related video rabbit holes.

System Architecture

  • Static-site generation with Next.js for lightning-fast loads
  • Privacy-conscious YouTube NoCookie embedded player
  • Curriculum index stored in structured JSON schema
  • Local-storage progress tracker that remembers watched lectures

Key Capabilities & Features

  • Topic paths: Calculus, Linear Algebra, Classical Mechanics, Systems Programming
  • Distraction-free theater mode with markdown lecture notes alongside video
  • Timestamped bookmarking and quick-reference formula cards
  • Curated community voting on clearest explanations
Proof of Work2 Images

Tuetube — Visual Artifacts

Application screens, wireframes, presentations, and engineering artifacts from Tuetube.

Home Screen
UI Screen
Shorts / Quick Lessons Screen
2 images

To view my work, click the images above.

← Previous: VocabificationNext: Floating Clipboard