[FEAT] External Static Pages > Career Page > Career/Job Card component

[ezenardr]

Description

You are to create a reusable Job Card component. This component will be used to display job postings on the careers page and other relevant sections of the app. The Job Card should be visually appealing, responsive, and should include the following elements:.

Acceptance Criteria

• The Job Card component is implemented according to the design
• The component should be fully responsive and look good on all screen sizes.
• The component is integrated into a sample page to demonstrate its functionality.
• Ensure accessibility standards are met, including appropriate alt text for images and proper semantic HTML.
• Documentation is updated to include usage instructions and examples of the Latest Blog Article Page.

Requirements

Should receive the following props

• Job title
• Job location
• Brief description of the job
• Salary range per month
• Link to detail page

Use the reusable button component for the action button

Testing

• [ ] Ensure the component renders correctly with all required elements.
• [ ] Test the responsiveness and accessibility features.
• [ ] Validate the functionality of the "View details" link.
• [ ] Check that the component handles different types of content (e.g., long job titles, missing salary range etc..) gracefully.

Tasks

• [ ] Design the Job Card component based on the provided requirements.
• [ ] Implement the component in the codebase.
• [ ] Write unit tests to ensure the component works as expected.
• [ ] Test the component for responsiveness and accessibility.
• [ ] Update documentation with usage instructions.

Images

Desktop view

Link

Figma Design

[mrcoded]

please add more to this issue @ezenardr

[ezenardr]

I fix the figma link. I have to add more what please? @mrcoded