Syllabus

Weekly syllabus where completed weeks get an emerald W tile and their titles are struck through.

CS 401 · Syllabus
W1Fundamentals of composition
W2State & reactivity
W3Hooks in depth
W4Performance patterns
W5Server components

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

Import & use
import { Education23 } from "@/components/beste/piece/education23";

<Education23
  courseTitle="CS 401 · Syllabus"
  weeks={[
    {
      "week": 1,
      "title": "Fundamentals of composition",
      "done": true
    },
    {
      "week": 2,
      "title": "State & reactivity",
      "done": true
    },
    {
      "week": 3,
      "title": "Hooks in depth",
      "done": true
    },
    {
      "week": 4,
      "title": "Performance patterns"
    },
    {
      "week": 5,
      "title": "Server components"
    }
  ]}
/>

More Education pieces

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

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.

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.

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.

Continue learningMemoizing expensive renders7 min left · Chapter 4

Continue Learning

education8

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