What: Improve the CourseCard component to show enrollment status, progress percentage, and quick actions (enroll, continue).
Why: The current CourseCard doesn't show whether the user is enrolled or their progress. Users need to see this at a glance in the course catalog.
Scope: Add enrolled and progress props to CourseCard. Show enrolled badge, progress bar, and appropriate action button (Enroll vs Continue Learning). Add hover state with quick actions.
Acceptance criteria:
- Enrolled courses show badge and progress
- Action button changes based on enrollment status
- Progress bar shows completion percentage
- Hover reveals quick actions
Technical context: src/components/course/course-card.tsx — existing CourseCard. src/app/courses/page.tsx:135-143 — CourseCard usage.
What: Improve the CourseCard component to show enrollment status, progress percentage, and quick actions (enroll, continue).
Why: The current CourseCard doesn't show whether the user is enrolled or their progress. Users need to see this at a glance in the course catalog.
Scope: Add
enrolledandprogressprops to CourseCard. Show enrolled badge, progress bar, and appropriate action button (Enroll vs Continue Learning). Add hover state with quick actions.Acceptance criteria:
Technical context:
src/components/course/course-card.tsx— existing CourseCard.src/app/courses/page.tsx:135-143— CourseCard usage.