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.
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
Requirements
Should receive the following props
Use the reusable button component for the action button
Testing
Tasks
Images
Desktop view
Link
Figma Design