Overview
This ticket is part of our initiative to enhance frontend components by implementing Bootstrap styling and centralizing redundant component instances. This effort aims to streamline our frontend, facilitating smoother development processes, and positioning us favorably to introduce new features and adapt styling in the future.
Work Detail
This ticket specifically targets the Card components along with their related subcomponents (title, header, content, etc.).
Tasks include:
Refactoring the foundational card component to integrate Bootstrap and styled components while removing CSS modules. It can be found in the components/card/ folder.
Identifying and updating other instances of cards that don't use the base card components to ensure uniformity.
Consolidating these instances wherever possible.
Creating or revising the Storybook story for this enhanced component.
Figma Reference:
Cards are used across nearly every screen within the Figma designs.
Prereqs:
This task requires knowledge of React, Bootstrap, CSSmodules, styled components, and TypeScript.
Overview This ticket is part of our initiative to enhance frontend components by implementing Bootstrap styling and centralizing redundant component instances. This effort aims to streamline our frontend, facilitating smoother development processes, and positioning us favorably to introduce new features and adapt styling in the future.
Work Detail This ticket specifically targets the Card components along with their related subcomponents (title, header, content, etc.).
Tasks include:
Refactoring the foundational card component to integrate Bootstrap and styled components while removing CSS modules. It can be found in the
components/card/
folder. Identifying and updating other instances of cards that don't use the base card components to ensure uniformity. Consolidating these instances wherever possible. Creating or revising the Storybook story for this enhanced component. Figma Reference: Cards are used across nearly every screen within the Figma designs.Prereqs: This task requires knowledge of React, Bootstrap, CSSmodules, styled components, and TypeScript.