Course Listing Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
4
Entities
0
Integrations
Description
Displays a filterable, searchable list of available training courses with schedule details, prerequisites, and enrollment status indicators. Supports pull-to-refresh and lazy loading for large course catalogs while maintaining WCAG 2.2 AA compliance.
course-listing-screen
Responsibilities
- Render scrollable list of available courses with title, date, location, and status
- Provide filter and search controls for course type, date range, and availability
- Display enrollment status badges (available, registered, completed, certified)
- Navigate to course detail and registration flow on tap
Interfaces
buildCourseListView(courses)
onFilterChanged(filters)
onSearchQueryChanged(query)
onCourseTapped(courseId)
onRefresh()
renderEnrollmentStatusBadge(status)
renderPrerequisiteIndicator(prerequisites)
Relationships
Related Data Entities (4)
Data entities managed by this component