Assignment Stats

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

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

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

Import & use
import { Education28 } from "@/components/beste/piece/education28";

<Education28
  title="Midterm essay"
  dueLabel="Due Thu 24 Apr · 23:59"
  submitted={142}
  total={180}
  late={8}
  missing={30}
/>

More Education pieces

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

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

CS 401 · Advanced React
Submitted
Project 2 · State management patterns
Due Apr 30, 23:593 files

Assignment Card

education15

Course assignment card with a violet file tile, status pill, due date, and attachment count footer.

A
Graded
Essay · The ethics of automation92 / 100Compelling thesis, strong citations. Tighten the conclusion.

Grade Card

education14

Graded assignment card with a color-tinted letter tile, score fraction, and a clipped feedback excerpt.

You passed
8/ 10
80% · Passing mark 7/10Finished in 12:42

Quiz Result

education12

Quiz outcome card with a trophy tile, pass or fail tint, score fraction, percent, and elapsed time.

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.

Continue learningMemoizing expensive renders7 min left · Chapter 4

Resume-the-lesson banner with a play tile, eyebrow label, title, time remaining, and a Resume button.