Learning Path

Multi-course path card listing numbered steps, per-step hours, and a primary Path tag in the header.

Backend engineer path12-course track · beginner to senior
Path
1Node.js fundamentals8h
2Data modeling with Postgres10h
3APIs & authentication14h
4Production operations16h
Total 48 hours

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

Import & use
import { Education25 } from "@/components/beste/piece/education25";

<Education25
  pathName="Backend engineer path"
  subtitle="12-course track · beginner to senior"
  steps={[
    {
      "label": "Node.js fundamentals",
      "hours": "8h"
    },
    {
      "label": "Data modeling with Postgres",
      "hours": "10h"
    },
    {
      "label": "APIs & authentication",
      "hours": "14h"
    },
    {
      "label": "Production operations",
      "hours": "16h"
    }
  ]}
  totalHours="Total 48 hours"
/>

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.

Your learning path
Foundations
Patterns & hooks
Performance tuning
Shipping at scale

Curriculum Outline

education7

Vertical learning path with done, current, and locked steps connected by a colored rail.

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.

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.

TypeScript4,320 / 5,000 XP
Lv 7
680 XP to Lv 8

Skill Level

education10

Skill card with a violet level badge, XP numerator over denominator, and a gradient progress track.

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.