Learning software · Tutoring tool, sample data

Student progress portfolio

A term-long progress portfolio for one tutoring student, written for parents, with six views, five charts, and an English and Spanish switch. Shown here with an invented student.

relay70.dev/demos/student-dashboard/index.htmlLiveOpen full size
A working copy with an invented student. Switch views with the tabs, or change the language.
Role
Design & development
Period
2026
Status
Used in tutoring; shown with invented data
Platform
Static HTML
Built with
  • HTML
  • CSS
  • JavaScript
  • Chart.js 4
6
views: overview, subjects, lens, skills, sessions, and plan
5
charts, drawn in the page with Chart.js
2
languages, switched in place: English and Spanish
01

What a parent sees

Each tutoring student gets a portfolio that covers one term. The overview gives a snapshot of every subject and the spread of scores. The other views go further: position in each math skill, reading and writing skills, the work completed across the term, feedback received, and the plan for the next sessions.

02

The reasoning behind the practice

The Lens view explains the teaching in plain terms: the conditions for motivation from self-determination theory, engagement across sessions, the cognitive load of key activities, and a log of the support each activity needed. Skills sit along a region of proximal learning, so a parent can see what is secure, what is within reach, and what comes later.

03

This copy

Everything about the student on this page is invented. Weeks are labeled W1 to W30 in place of dates. The page is a single static file with no network requests, so it runs the same here as it does offline.

Scope & limitations

The student on this copy is invented, and so is every score, week, and note. Real portfolios belong to each family and are not public.

Display settings

Choose a layout and palette. Your settings are saved in this browser.

Palette
Homepage layout
Motion

Display settings do not change the project selection or publication permissions. Orbital and index layouts use the same project data.

Harmonic drawing

The homepage drawing is a small interactive made for this portfolio. It is separate from the project examples.

3
25

Drag across the center drawing or use these controls. The drawing does not require sound, network access, or continuous animation.