TeachKit project

TeachKit / Design system

Documentation v0.1 · Released product

Design system contents

Patterns

Manage lesson references and downloads

Keep resources meaningful and safe to activate without pretending that a displayed link verifies storage.

On this page

Workflow

Workflow
StepResponsibility
1Read actual resource arrays from the lesson.
2Use descriptive labels and the editor’s URL validation.
3Render reference and download sections only when content exists.
4Activate the appropriate link/download destination in the live authorized app.

Decisions and composition

  • Empty URLs are omitted by the display components.
  • Downloads append a download query marker; response headers still affect browser behavior.
  • Avoid signed/private resource URLs in public capture metadata.

Errors, recovery and limits

  • No new resources are invented for this pilot.
  • Expired access and blocked cross-origin downloads need real error handling.
  • Trimming a string does not establish a safe protocol.

Source references

Source references
FileResponsibility
src/components/courses-public/logged-in/LinksList.tsxReferences
src/components/courses-public/logged-in/DownloadsList.tsxFile intent
src/components/LessonItem.tsxEditing boundary

Examples from the app

Actual TeachKit UI with Thomas McGee’s course content. Session, progress and connection specimens are simulated; no student data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Learner · Screen · Light · Desktop · 2880 × 2000 px
Learner · Screen · Light · Desktop · Full Page · 2880 × 2614 px

Source audit: 2026-10-07 · Revision d8cf23d0a329 · Documentation v0.1