Create a responsive course listing page that fetches and displays available courses.
API
GET /api/courses
UI Requirements
Display:
Course title
Short description
Instructor name
Responsive layout (mobile & desktop)
Clickable course items linking to details page
States to Handle
Loading state
Empty state (no courses)
Error state (failed fetch)
Acceptance Criteria
Courses are fetched and rendered correctly
Page is mobile-friendly
No console errors
Semantic HTML used
Create a responsive course listing page that fetches and displays available courses.
API
GET /api/courses
UI Requirements
Display:
Course title
Short description
Instructor name
Responsive layout (mobile & desktop)
Clickable course items linking to details page
States to Handle
Loading state
Empty state (no courses)
Error state (failed fetch)
Acceptance Criteria
Courses are fetched and rendered correctly
Page is mobile-friendly
No console errors
Semantic HTML used