Feature: Skill and Subskill Bookmarking on the Skilltree

Objective:

To facilitate users in their learning journey, we aim to introduce a bookmarking feature for skills and subskills within the Skilltree. This feature would enable users to prioritize specific skills and revisit them with ease.

Functional Requirements:

• User Authentication: Prioritize user experience by ensuring they're logged in before they can engage with the bookmarking feature. If a user attempts to bookmark without being logged in, prompt them to sign in or register.
• Bookmarking Mechanism:
  • Implement a bookmark icon adjacent to each skill and subskill.
  • Allow users to activate a bookmark by clicking the icon. Clicking it again should deactivate the bookmark.
  • In cases where a subskill gets bookmarked, its parent skill should reflect as bookmarked too. Conversely, unbookmarking the parent should unbookmark all associated subskills.
  • If all subskills are unbookmarked, also unbookmark the parent subskill automatically
• Visual Indicators:
  • Bookmarked Skill/Subskill: Mark these with a distinct yellow hue in the tree and a visibly active bookmark icon within the node.
• Persistence:
  • Ensure that every bookmark action (bookmarking/unbookmarking) updates the database in real-time.
  • Design the system to remember bookmarks across sessions, devices, and even after cookie deletion.
• User Feedback: Integrate a subtle animation for the bookmark icon to offer visual feedback when a user bookmarks or removes a bookmark.

Acceptance Criteria:

• Users should be able to effortlessly bookmark or unbookmark a skill/subskill via the bookmark icon.
• Bookmarked skills and subskills should be easily distinguishable by their yellow coloration and the activated bookmark icon.
• Bookmarking a subskill should also bookmark its parent skill. However, unbookmarking the parent skill should lead to the unbookmarking of all its child subskills.
• All bookmark actions should be reflected in the database, ensuring persistence across sessions, platforms, and devices.
• The bookmark icon should showcase a gentle animation when a skill or subskill undergoes the bookmarking or unbookmarking process.

Dependencies:

• None for this feature. The foundational Skilltree, along with its skills and subskills, are already implemented.

Notes:

• It's imperative that the bookmarking mechanism is intuitive and the visual feedback is immediate to ensure a seamless user experience.