Learning Streak

Streak card with a flame badge, seven-day dot grid, and an encouraging caption underneath.

14
14-day streakShow up tomorrow to keep it alive.

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

Import & use
import { Education9 } from "@/components/beste/piece/education9";

<Education9
  days={14}
  caption="Show up tomorrow to keep it alive."
  week={[
    "done",
    "done",
    "done",
    "missed",
    "done",
    "today",
    "future"
  ]}
  tone="orange"
/>

More Education pieces

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

Refactoring a big list · lesson
12:48
Chapter 4 · PerformanceRefactoring a big list into virtualized rows

Video Lesson

education4

Video lesson card with a play thumbnail, duration badge, watched bar, and a chapter eyebrow.

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.

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.

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.