Implementation and maintenance
Reuse TeachKit components
Use existing source contracts inside the application; downloads are reference snapshots rather than an installable library.
On this page
Integration boundary
The app uses Next.js 15, React, TypeScript, Tailwind, next-auth, Headless UI, dnd-kit and Trix. Source components and hooks depend on their app context, routing, session and data boundaries. The portfolio does not publish an independent package or claim that another company can install TeachKit’s private app from this page.
A learner composition
// The live route owns authorization and real progress retrieval.
<PrivateCourseView course={authorizedCourse}
completedLessons={completedLessonIds}
completedActions={completedActionMap} />Responsibilities
| Layer | Owns |
|---|---|
| Server/data | Authorization, ownership, enrollment and validated persistence |
| Route/workflow | Selected lesson, local draft and interaction orchestration |
| Shared component | Supported props, presentation and local feedback |
| Foundation | Source CSS roles and Tailwind values |
| Reference | Evidence, usage rules, screenshots and known gaps |
Before shipping
- Reuse the proper creator or learner wrapper.
- Match source props and required providers.
- Keep capture fixtures out of production.
- Verify failures, keyboard operation, phone layout and actual persistence.
- Document any new variant and recapture its source implementation.
Reference downloads
Related topics
Source audit: 2026-10-07 · Revision d8cf23d0a329 · Documentation v0.1