✨ Related Technology Global Setup

[bettybondoc]

cc @wicksipedia @isaaclombardssw @UlyssesMaclaren @adamcogan @miichaelsmedley @louisroa8189

Description:
Create a global setup feature where users can add, edit, and manage all related technologies in one central location. These technologies can then be referenced in the Card Component, allowing users to select pre-defined technologies as content. This setup ensures content consistency across pages and enables centralized updates, so any changes made to a technology are reflected globally.

Acceptance Criteria

• The global technology setup includes the following functionality:

• A centralized interface to add, edit, and delete technology entries.

• Each technology entry includes:

  • Technology Name (Text Field).
  • Description (WYSIWYG or Text Field).
  • Icon Selector (from a pre-defined library).
  • Optional Link Field (e.g., documentation or external resources).
  • Image Uploader/Selector

• In the Card Component:

  • Users can select pre-defined technologies from the global setup as content for the card.
  • The selected technology’s content (name, description, icon, link, image) is displayed in the Card Component.
  • Changes made to a technology in the global setup are automatically reflected in all associated Card Components.

• Fully responsive across desktop, tablet, and mobile
• Works seamlessly on all major browsers (Chrome, Firefox, Safari, Edge)
• Code is ready for theming (e.g., Light/Dark modes, custom colors – see linked PBI: ✨ Introduce Light/Dark Mode with User Control and Auto-Detect #3300)
• Tested and approved by Wicksy, Louis, and Betty
• Documentation is provided, including:
  • Steps to set up and manage global technologies
  • Examples of referencing technologies in the Card Component
  • Guidance on content updates and their global impact

Tasks:

• TODO - Developer to update