Skip to main content

📰 Newsfeed Journey

This journey documents how learners stay updated with program announcements and updates via the newsfeed feature.

Interactive Flow Diagram​

Click any step to see detailed information, connected features, and API endpoints.

📰Learner Journey

Newsfeed Journey

How learners stay updated with program announcements and updates via the newsfeed.

📰Access
Access NewsfeedLearner
⚡
👀Browse
View Program UpdatesLearner
Filter ProgramsLearner
🔗Navigate
Click Program CardLearner
Navigate to ProgramLearner
⚡
Legend:
User Action
Decision Point
System Action
Notification
Milestone

Journey Summary​

AttributeValue
ActorsLearner, System
Entry PointNavigation menu or dashboard
Exit PointNavigate to program
Typical Duration2-5 minutes
Steps5

Phase Breakdown​

Phase 1: Access​

Accessing the newsfeed:

  1. Access newsfeed - Navigate from main menu or dashboard

Phase 2: Browse​

Viewing updates:

  1. View program updates - See running and past programs
  2. Filter programs - Filter by type (running/past)

Phase 3: Navigate​

Navigating to programs:

  1. Click program card - Select a program
  2. Navigate to program - Access program dashboard

Newsfeed Features​

Program Display​

The newsfeed shows:

  • Running Programs: Active programs (within last year)

    • Sorted by start date (newest first)
    • Shows program title and start date
    • Update indicators

  • Past Programs: Completed programs (older than 1 year)

    • Sorted by start date (newest first)
    • Historical program access
    • Reference for completed learning

Filtering Options​

  • Running Programs: View only active programs
  • Past Programs: View only completed programs
  • All Programs: View everything
  • Sorting: Automatically sorted by start date (DESC)

Program Cards​

Each program card displays:

  • Program Title: Name of the program
  • Start Date: When the program began
  • Status: Running or Past indicator
  • Update Indicators: New announcements or changes
  • Quick Access: Click to navigate to program

Key Integration Points​

Internal APIs​

  • Program listing APIs
  • Program status APIs
  • Update notification APIs

Frontend Components​

  • ProgramCard - Program card display component
  • Newsfeed page layout
  • Filter components

Use Cases​

Staying Updated​

  • Check for program announcements
  • View new program information
  • See program status changes

Quick Navigation​

  • Fast access to program dashboard
  • Jump to specific programs
  • Review past program history

Program Discovery​

  • See all available programs
  • Understand program timeline
  • Access program details

Tips for Learners​

  1. Check Regularly: Visit newsfeed weekly for updates
  2. Use Filters: Filter by running/past to focus
  3. Quick Access: Use newsfeed as shortcut to programs
  4. Stay Informed: Keep track of program announcements
  5. Review History: Access past programs for reference

← Back to Learner Hub