Assignment Card

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

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

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

Import & use
import { Education15 } from "@/components/beste/piece/education15";

<Education15
  title="Project 2 · State management patterns"
  course="CS 401 · Advanced React"
  due="Due Apr 30, 23:59"
  attachments={3}
  status="submitted"
/>

More Education pieces

View all Education
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.

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.

Elara Martin
Student IDElara MartinGrade 7 · 7BRedwood Middle School
STD-24-00281

Student ID

education29

ID-card layout with an indigo photo panel on the left and a name, grade, school, and validity footer.

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.

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.

Question 3 / 10
Which hook schedules an effect after the DOM is painted?

Quiz Question

education11

Multiple-choice card with a progress bar in the header, stem text, and four lettered option rows.