TeachKit project

TeachKit / Design system

Documentation v2.0.0 · Redesigned app and marketing site

Design system contents

Patterns

Collect and moderate course feedback

Ask after learning, then manage public presentation separately.

On this page

Task sequence

  • Offer the learner review prompt after all lessons are complete.
  • Collect a rating and a concrete comment.
  • Show submission feedback without discarding a failed attempt.
  • Let the teacher review and choose public visibility in the review collection.

Data and persistence boundary

Learner submission and teacher display controls are separate mutations. A sample five-star review is fictional; it is not a testimonial or production result.

Failure and recovery

Submission failures remain visible in the dialog. Focus containment and dark gold-button contrast remain source limitations to address.

Source references

Source references
FileResponsibility
src/components/courses-public/logged-in/PrivateCourseView.tsxSubmission
src/app/dashboard/reviews/page.tsxModeration

Interface examples

Native TeachKit interfaces with fictional course, account, and learner records. Service responses and media are isolated demonstrations; no customer data or live changes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Reviews · Featured section · Light · Desktop · 2448 × 926 px
Review Dialog · Component detail · Light · Desktop · Open · 1920 × 1596 px

Source audit: 2026-10-22 · Revision 903bbf05ca9d · Documentation v2.0.0