Description: Merge the information from the tags page into the new profile page, displaying the tags the user selected in an organized manner. This task ensures that the user’s chosen tags (universal and major-specific) are seamlessly integrated into the profile page, providing a consolidated view of their preferences.
Requisites:
Stage 1:
• Frontend:
• Create a section on the profile page to display the merged tags data.
• Categorize and organize the tags (e.g., universal tags, major-specific tags).
• Ensure consistent styling with the tags page to maintain a unified user interface.
• Backend:
• Fetch the user’s selected tags from the database via an API endpoint.
• Provide the tags data in a structured format (e.g., JSON) that includes categorization.
• Integration:
• Merge the data dynamically into the profile page upon loading.
• Ensure real-time updates if the tags are modified on the tags page, reflecting the changes on the profile page.
Prerequisites:
• The tags page must already save the user’s chosen tags to the database or backend system.
• Resources:
• Figma Design for the Tags and Profile Pages
• Repository
Roles and Responsibilities:
• Managers: Ensure the merged data is displayed accurately and aligns with user expectations and the project’s design goals.
• Team Leaders: Oversee the integration process to confirm that data flows correctly between the tags page and the profile page.
• Developers:
• Implement the backend endpoint to fetch the user’s tags.
• Design and integrate the tags display section on the profile page.
• Test the functionality to ensure that all selected tags are displayed correctly and reflect real-time updates.
Acceptance Criteria:
• The profile page displays all the user’s selected tags from the tags page, organized by categories (e.g., universal, major-specific).
• Data fetched from the backend accurately reflects the user’s selections.
• The tags display aligns visually with the Figma design and remains responsive across devices.
• Any updates made on the tags page are reflected on the profile page without errors or delays.
• Placeholder text or design elements display properly if no tags have been selected.
Description: Merge the information from the tags page into the new profile page, displaying the tags the user selected in an organized manner. This task ensures that the user’s chosen tags (universal and major-specific) are seamlessly integrated into the profile page, providing a consolidated view of their preferences.
Requisites: Stage 1: • Frontend: • Create a section on the profile page to display the merged tags data. • Categorize and organize the tags (e.g., universal tags, major-specific tags). • Ensure consistent styling with the tags page to maintain a unified user interface. • Backend: • Fetch the user’s selected tags from the database via an API endpoint. • Provide the tags data in a structured format (e.g., JSON) that includes categorization. • Integration: • Merge the data dynamically into the profile page upon loading. • Ensure real-time updates if the tags are modified on the tags page, reflecting the changes on the profile page.
Prerequisites: • The tags page must already save the user’s chosen tags to the database or backend system. • Resources: • Figma Design for the Tags and Profile Pages • Repository
Roles and Responsibilities: • Managers: Ensure the merged data is displayed accurately and aligns with user expectations and the project’s design goals. • Team Leaders: Oversee the integration process to confirm that data flows correctly between the tags page and the profile page. • Developers: • Implement the backend endpoint to fetch the user’s tags. • Design and integrate the tags display section on the profile page. • Test the functionality to ensure that all selected tags are displayed correctly and reflect real-time updates.
Acceptance Criteria: • The profile page displays all the user’s selected tags from the tags page, organized by categories (e.g., universal, major-specific). • Data fetched from the backend accurately reflects the user’s selections. • The tags display aligns visually with the Figma design and remains responsive across devices. • Any updates made on the tags page are reflected on the profile page without errors or delays. • Placeholder text or design elements display properly if no tags have been selected.