[FEAT] External Static Pages > About Us Page > Team Card component

skeby commented 1 month ago

Develop the team card component displayed on the executive team section of the about us page.

Provides a component for showing executive team member's details in the about us page.

Ensure that the typography (text colors, font weights, font sizes, etc.) remain consistent with the design.
Ensure that the card design (border colors, background color, text content, etc.) remains consistent with the design.
Ensure that the icons are links to the respective social media platforms

Make use of react testing library to write unit tests for this component (Note that this library is already installed in the project codebase).
Test different scenarios/cases to model a real life use of the component

[x] Create a card component
[x] Include links to the required platforms
[x] Include props for the required properties (profile image, name, job role, etc.)
[x] Include icon links to the social media platforms as shown in the design
[x] Make the card component responsive for mobile devices.
[x] Write unit tests to ensure the component works as expected.

Create a card component that the team member's profile image, name, job role/position, description, and social media links.
This component must accept props for the properties mentioned above
Write unit tests for this component to model expected behavior.

Desktop View Mobile View

chumex412 commented 1 month ago

Please adjust the purpose section to fit with the other contents of the issue.

skeby commented 1 month ago

Please adjust the purpose section to fit with the other contents of the issue.

@chumex412 Done

hngprojects / hng_boilerplate_nextjs