Important context: These prototypes use synthetic data and heuristic scoring. Validating the underlying constructs is the goal of projects P2 and P4. The prototypes exist to make abstract ideas concrete — they illustrate what the research aims to measure, not how well it can be measured yet.

Prototype for Project P4 · Graph Visualization

Curriculum Dependency Visualizer

An interactive graph representation of a synthetic introductory linear algebra curriculum using a typed dependency grammar. Each node is a learning objective; each edge encodes one of four dependency types (conceptual, procedural, motivational, social). The empirical question in P4 is whether real instructor-annotated graphs show structural patterns that predict student outcomes — this prototype shows what such a graph looks like and what structural statistics it produces.

Read the technical paper (PDF) →

Prototype for Project P2 · Text Analysis

Pedagogical Debt Analyzer

A text-input tool that scores course descriptions and syllabus excerpts for motivational, scaffolding, and verification structure using heuristics grounded in Harel's necessity principle. Users paste course material and receive a structural analysis across four dimensions. These are heuristic scores based on keyword patterns and structural rules — P2 is the project to validate whether they correlate with expert annotation and student outcomes.

Read the technical paper (PDF) →

Prototype for Project P4 · Algorithm Visualization

Minimum Viable Curriculum Visualizer

A step-through visualization of a greedy approximation algorithm for the Minimum Viable Curriculum (MVC) problem on a synthetic curriculum graph. The key theoretical result: finding the optimal MVC is NP-complete (polynomial reduction from Set Cover). This visualizer illustrates the algorithm on a small example. The research question in P4 is whether MVC-distance — how far a real curriculum is from its minimum viable form — predicts student outcomes.

Read the technical paper (PDF) →


Applied Curriculum Designs

Three project designs for an introductory CS course, grounded in Anderson's necessity principle. Each is designed so students experience a real problem before encountering the technical tool that addresses it. These are not research projects — they're instructional designs informed by the research agenda.

HTML · CSS · JS · Intro CS · 4–6 weeks

Community Resource Aggregator

Students build a searchable map of local support resources for their campus or city. The necessity hook: students first survey three peers about resources they couldn't find. The search problem exists before a line of code is written. Students write a one-page research memo before coding, document design decisions, conduct peer testing with real users, and reflect on what the data revealed versus what they assumed.

JavaScript · LocalStorage · Meta-Learning · 3–5 weeks

Personal Learning System Builder

Students build a scheduling app, habit tracker, or question-capture tool that they actually use. The necessity hook: students audit their current study system in week one, and the gaps they find become the specification for what they build. The meta dimension is deliberate — students simultaneously learn to code and reflect on how they learn.

Data · APIs · D3 or Chart.js · Civic Tech · 5–7 weeks

Neighborhood Data Story

Students pick a local issue, find public data, and build a visualization with a written narrative. Motivated by Anderson's "abuelita test": the final deliverable must include an explanation a non-technical family member could understand. Students first write a one-paragraph argument using only intuition, then find the data — the gap between the two is the learning.

These curriculum designs enact the research principles described on the research page. See the teaching page for the full pedagogical framework.


Platform Design

Next.js 14 · TypeScript · Supabase · Tailwind CSS · Deployed

ProjectBridge: A Project-Based Learning Platform for Community Colleges

A campus-wide platform where students discover, join, lead, and document meaningful projects — turning their college experience into a portfolio of real work. Designed with first-generation community college students as the primary user.

Core features: project directory with search and filtering, collaborator marketplace with wanted ads, build journals for public project documentation, milestone tracking with celebration moments, weekly check-in system, 30-day pulse check automation, student profiles with contribution history, faculty dashboards for class project oversight, and learning community pages for programs like MESA, Puente, and Umoja.

Design principles: agency first (every interaction makes a student feel more capable), low floor/high ceiling (post a project in under 2 minutes, document a year-long initiative with milestones and portfolio artifacts), show the work (GitHub-inspired public timeline), and survive the semester (projects outlive their creators through the campus archive).

Built with Next.js 14 (App Router), TypeScript, Tailwind CSS, and Supabase (PostgreSQL + Row Level Security). Mobile-first design. Complete database schema with 8 core models. Deployed on Vercel.

Research grounding: the platform operationalizes the same structural equity principles that guide the empirical projects on this site. If sense of belonging is structural (Walton & Brady) and can be designed into platforms (not just classrooms), then a platform that gives students agency, visibility, and community should measurably affect persistence. This is a testable claim.

Last updated: March 2026