Introduction
The Learner Home project intends to replace the existing course dashboard (https://courses.edx.org/dashboard). To learn about the new and improved features or see frequently asked questions, continue reading.
Feature Tour / What’s New?
The new Learner Home has many of the same features of the old dashboard, with some extended functionality and performance enhancements.
Brand Alignment (NEW)
The home page now better reflects the edX.org brand styles that are used throughout our marketing and marketplace.
Course Listing
Much like the old dashboard, courses are presented in a series of cards. Course cards show the course thumbnail, information about the course, and the ability to upgrade to a paid track or view/begin a course (if applicable). Further course actions (e.g. unenroll, email opt-out settings, and social media share) have been moved to the menu/triple dot icon on the course card.
Course sorting / filtering (NEW)
An added behavior over the old course dashboard. Clicking the “Refine” button opens options to filter by course status or sort either by most recent enrollment (default) or title.
Pagination (NEW)
All of a user’s courses and entitlements are fetched on page load. To make the page manageable, we paginate that list, showing only 5 courses at a time. To view other courses, a user should page through their list of courses using the pagination controls at the bottom of the course list.
Suggested Courses
The rollout of the new learner home will include a recommended courses area that springs from the recommendations experimentation from the Vanguards team.
Course Discovery
Want to explore even more courses than the ones suggested by our site? Click “Explore Courses” from the “Recommended Courses” panel to discover even more courses.
Enterprise Dashboards
Your Enterprise Dashboards have moved. To select a specific dashboard, go to your profile dropdown and select your desired dashboard.
Masquerade (NEW)
edX / 2U staff and support can now masquerade as users on the platform by typing a username or email in the “View as” box and hitting submit. Note that if there is a username/email collision, this will use email as the fallback identifier. Note also that this is designed to be “view only” so change actions (e.g. enroll, unenroll, selecting a session) are blocked in this view.
Frequently Asked Questions (FAQs)
Where do I find the new experience?
Prod home.edx.org
Stage home.stage.edx.org
Edge n/a
Sandbox n/a
How will this experience be rolled out?
Navigating to the old course dashboard will begin automatically redirecting users to the new Learner Home experience.
When will this experience roll out?
Rollout began on with 1% of edx.org traffic directed to the new experience. This rollout started with a small percentage of users and slowly scale up to all users while we assess performance and feedback.
UPDATE: Rollout to 100% will begin March 22,2023.
Developer FAQ
Where does the code live?
The frontend experience is a new microfrontend (MFE) called frontend-app-learner-dashboard
which lives at https://github.com/edx/frontend-app-learner-dashboard
The backend (BFF) is a new Django App in edx-platform
(edx-platform/lms/djangoapps/learner_home).
How do I run this new experience locally?
Note we plan to make this a docker container that can be started natively as part of Devstack but the work is not yet complete. In the meantime…
Check out
frontend-app-learner-dashboard
.Install and run with
npm run i
,npm run start
App should runs defaulted to port
1996
Navigate to localhost:1996
Log in and view your courses
Additionally, you can make this the new default experience in devstack by creating and enabling the learner_home_mfe.enabled
waffle flag in Django Admin. Signing in and navigating to your old dashboard will automatically redirect to this new experience.