Enrollment Stats

Course metadata strip summarizing student count, star rating, and last updated in a three-column grid.

Full-stack TypeScript · Spring cohort
Students12,480
Rating4.8
UpdatedLast week

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Education6 } from "@/components/beste/piece/education6";

<Education6
  title="Full-stack TypeScript · Spring cohort"
  students="12,480 enrolled"
  rating="4.8"
  updated="Updated last week"
/>

More Education pieces

View all Education
Midterm essayDue Thu 24 Apr · 23:59
79%
142Submitted
8Late
30Missing
180 students in cohort

Assignment Stats

education28

Teacher dashboard tile with a progress bar and three tinted tiles counting submitted, late, and missing.

Top of the cohort
1
Priya Shah
Priya Shah98
2
Noor Ahmed
Noor Ahmed94
3
Jordan Reyes
Jordan Reyes91
4
Beste Sözen
Beste Sözen89

Student Roster

education22

Ranked student list with rank digits, avatar initials, and emerald score pills on the right.

Composing tokens with Tailwind18 min
03

Lesson Row

education2

Single lesson entry with a status glyph on the left, title, duration, and padded index on the right.

Spanish vocab · Unit 412 due today
resolverReview
compartirLearning
el idiomaNew
bienvenidaMastered

Flashcard Deck

education27

Spaced-repetition deck summary with italic card fronts and new, learning, review, or mastered pills.

24 lessons
Design systems for shipping teams
Beste Sözen6h 42m
58%

Course Card

education1

Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.

Lesson 6 · Hooks in depth
useEffect runs after the DOM commit, not during render.Cleanup runs before the next effect, and on unmount.
Ask Priya about the stale-closure example in office hours.

Lesson Highlights

education18

Saved-quote card grouping highlighter-tinted excerpts and an italic personal note beneath them.