Patterns
Explain registration and enrollment context
Use actual availability, course identity and configuration before any enrollment or checkout action.
On this page
Workflow
| Step | Responsibility |
|---|---|
| 1 | Render the public course with actual title, instructor and lesson preview. |
| 2 | Interpret configured registration dates with their timezone. |
| 3 | Explain availability before the learner commits. |
| 4 | Use the live authorized enrollment/payment action when appropriate. |
| 5 | Reconcile successful access with the private lesson route. |
Decisions and composition
- A real published course is used for the public applied capture.
- Do not invent price, rating, countdown dates or enrollment counts.
- The status check in the live route must agree with date-based public composition.
Errors, recovery and limits
- DST and date parsing need separate verification.
- A displayed Access This Class action is not proof of successful enrollment.
- Captures do not execute payments or modify course access.
Source references
| File | Responsibility |
|---|---|
| src/components/courses-public/logged-out/PublicCourseView.tsx | Public/date context |
| src/components/courses-public/logged-out/SignupSidebar.tsx | Action boundary |
| src/utils/parseDateWithTimezone.ts | Dates |
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.
Related topics
Source audit: 2026-10-07 · Revision d8cf23d0a329 · Documentation v0.1