Brand Alignment (NEW)
The home page now better reflects the edX.org brand styles that are used throughout our marketing and marketplaceis now built with Paragon, allowing it to be easily styled with brand colors / components in both an edX and Open edX context.
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.
Comparison with old experience
Feature allowing staff to view other registered user dashboards by e-mail or user name added.
A 'refine' feature to allow users to sort their courses.
Upgrade button has icon and moved from the card footer into the card body.
The program links moved to their own lines
Card footer size reduced and passing grade requirement added.
"Get the most out of your course" call to action removed.
Social Media buttons and settings gear has been removed from cards. Placed in ...
Course Access Button text changed.
Clears technical debt by updating code base.
New Variant (Treatment)Learner Home
Original Page (Control)Legacy Student Dashboard
is this experience
Navigating When enabled, attempting to navigate to the old course student dashboard will begin automatically redirecting redirect 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,Learner Home rolled out to 50% of the user base on . Learner Home rolls out to 100% of the user base on .
Where does the code live?
Install and run with
npm run i,
npm run start
App should runs defaulted to port
Navigate to localhost:1996
Log in and view your courses
How do I configure rollout percent?
A user can navigate to Learner Home directly whenever it is running, but automatically redirecting users requires configuration:
Add and enable the
Waffle Flag from Django Admin.
LEARNER_HOME_MFE_REDIRECT_PERCENTAGEsetting (e.g. in
edx-platform/lms/envs/private.py) with an integer value (
100) representing what percentage of users should be redirected to Learner Home.
0represents no rollout,
100represents rollout to all users.