Grade Card

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

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

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

Import & use
import { Education14 } from "@/components/beste/piece/education14";

<Education14
  grade="A"
  assignment="Essay · The ethics of automation"
  score="92 / 100"
  feedback="Compelling thesis, strong citations. Tighten the conclusion."
/>

More Education pieces

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

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.

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.

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.

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.