classroom
@particle-academy/classroom
The learner surface for laravel-courses: browse a curriculum, work through a course, sit a graded test, collect a certificate. This is what the Fancy UI Curriculum at /learn runs on.
UI surface
6 components, each with a live demo, props table, and source.
Module 3 · Lesson 2
ButtonlivebetaCardRK
$
npm install @particle-academy/classroomPairs with
Components
6 components · click any tile for a full demo, source, and install snippet.
CurriculumOverviewOpen →
Published0 courses
Fancy UI Curriculum
From primitives to agent-driven surfaces.
A curriculum and its courses, with per-course progress and enrollment state.
CoursePlayerOpen →
Human+ UX
Surfaces people and agents share.
0/1 lessons
0%
What is Human+ UX?
~6 min
Agents and people share one surface, trading control fluidly.
The course itself — modules, lessons, progress, what is next, and the graded test.
LessonViewOpen →
What is Human+ UX?
~6 min
Agents and people share one surface, trading control fluidly.
One lesson: text, video or mixed, with a mark-complete action.
TestRunnerOpen →
Module 1 check
Pass at 80%
0 of 1 answered
0%
Question 1 of 1
1 ptWhich prop pair makes a component controlled?
1 question remaining
An attempt end to end — questions, confirm-before-submit, and the result. Renders an ungraded attempt as awaiting grading rather than a failure.
QuestionRendererOpen →
Which prop pair makes a component controlled?
One question of any of the four types: multiple choice, multiple select, true/false, short answer.