Courses
Overview
The Courses screen is where users can browse all published courses available on the platform. This section provides access to the full catalog of courses. Additionally, the My Courses section displays only the courses that the user has purchased, started, or completed.
To access the Courses screen, the user clicks Courses in the side menu.

The Courses Screen.
The Banner section showcases the banners of the first 10 courses, with images automatically rotating every 5 seconds.

The Banner Section.
Users can filter courses by tags, displaying only those associated with the selected tag. Since tags can be assigned to multiple courses, this allows for flexible cross-categorization, making it easier to discover related content.

Tags.
Additionally, a Search bar allows users to find courses by entering keywords.

Search.
By default, courses are displayed in chronological order, with the oldest items appearing first. Each course card includes a thumbnail, title, short description, and access level:
- Free – Available to all logged-in users.
- Restricted – Requires a password for access.
- Buy Now – Linked to a product; purchase is required for access.
Additionally, the course duration may be displayed, depending on its setup. This represents an estimated completion time, but the course will remain accessible even after this period.

The Course Card.
Updated 17 days ago