Interactive Career Roadmap and Prerequisite Engine

[polichdev]

Implement a visual mapping system that connects individual courses into structured career paths (e.g., Full-Stack Developer, DevOps Engineer). This feature will allow students to see their journey from beginner to professional level, with a logic-based engine that enforces course prerequisites.

Key Tasks

• Roadmap Visualization Module

  • Develop a dynamic SVG- or Canvas-based interface to render interconnected course nodes.
  • Implement color-coded status indicators for completed, in-progress, and locked courses.

• Dependency Logic Integration

  • Update the course.js navigation engine to validate prerequisite completion before granting lesson access.
  • Implement automated “Next Recommended Step” alerts upon course completion.

Acceptance Criteria

• The roadmap must load in under 400ms to meet platform performance standards.
• Locked courses must remain unclickable and display a tooltip listing unmet prerequisites.
• The interface must be fully responsive and support pinch-to-zoom interactions on mobile devices.