Pieces/Education(30)

Education pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.

Ask me anything · Career pivotsCohort 12 · Mentor hours

Share your story and the thing you wish you knew earlier. I'll reply over the weekend.

38 answered7 waiting

AMA Thread

Mentor AMA card with title, course subline, clipped description, and answered/waiting counts.

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

Student ID

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

Teacher dashboard tile with a progress bar and three tinted tiles counting submitted, late, and missing.

Spanish vocab · Unit 412 due today
resolverReview
compartirLearning
el idiomaNew
bienvenidaMastered

Flashcard Deck

Spaced-repetition deck summary with italic card fronts and new, learning, review, or mastered pills.

The office hours alone were worth the tuition. I came in wanting to learn Next.js and left with a new role.

Andrea Kim
Andrea KimCohort 12 · Graduated Mar 2026

Student Testimonial

Graduate testimonial with five-star rating, a body paragraph, and an avatar-cohort footer.

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

Learning Path

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

Live workshopLive workshop · TypeScript generics
Thu, May 218:00 UTC+390 minutes
412 enrolled · 88 seats left

Live Workshop

Upcoming workshop card with a pulsing live pill, date/time/duration line, enrollment count, and a CTA.

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

Syllabus

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

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

Ranked student list with rank digits, avatar initials, and emerald score pills on the right.

Prof. Lira Vasquez
Prof. Lira VasquezSenior instructor · React track
Top-rated
24,182 students4.9 average

Instructor Card

Teacher profile with a gradient avatar wearing an amber award badge, subject line, and rating row.

Transcript · 12:48 of 28:14
12:31
Prof. VasquezSo whenever you see a generic constraint like `T extends`, ask yourself what the caller will pass.
12:42
Prof. VasquezThis pattern prevents us from widening the type back to unknown.
12:58
PriyaWhat happens if we omit the constraint entirely?

Video Transcript

Timestamped transcript panel where the currently-playing line picks up a sky background highlight.

Live42:18 into class
Live class · Typescript generics
1423

Live Class

Dark live-classroom widget with a red live chip, attendee and raised-hand counts, and mic/video toggles.

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

Saved-quote card grouping highlighter-tinted excerpts and an italic personal note beneath them.

Prof. Lira VasquezInstructor · Announcement
Office hours moved to Thursday

I'll be out Tuesday for a conference. Drop in Thursday 15:00 – 17:00 instead — same Zoom link in the syllabus.

Posted 2 hours ago

Class Announcement

Left-ruled amber announcement from an instructor with a megaphone chip, title, body, and timestamp.

Noor Ahmed
Noor AhmedStudent · Cohort 12
Resolved

In lesson 6, the dependency array skips the `setCount` setter. Isn't it a stale closure risk?

4 replies12

Discussion Thread

Student Q&A card with an avatar header, resolved pill, clipped question body, and reply and like counts.

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

Assignment Card

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

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

Grade Card

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

Certificate of completionBeste Sözenhas completed the courseAdvanced React Performance
Issued Apr 23, 2026Beste Academy
BSTE-CRT-4K91-ZN12

Certificate

Amber-trimmed completion certificate with an award medallion, italic recipient line, and credential ID.

You passed
8/ 10
80% · Passing mark 7/10Finished in 12:42

Quiz Result

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

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

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

Skill Level

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

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

Learning Streak

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

Continue learningMemoizing expensive renders7 min left · Chapter 4

Continue Learning

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

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

Curriculum Outline

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

Markdown version