[FEAT] Develop Job Listing Card Component for Careers Page

[SilverBeing]

Develop a job listing card component that displays information about each job, including the job title, location, description, salary range, job type (remote or full-time), job category, and a link to the detailed job listing. Ensure the card matches the provided design specifications and is responsive

Purpose The job listing card should display key information about each job, providing users with a quick overview and a link to view detailed job descriptions. This will help users efficiently browse and identify relevant job opportunities.

Acceptance Criteria

Requirements: The component should receive the following props

• Job Title: Display the job title prominently on the card.
• Location: Display the job location.
• Description: Display a brief description of the job
• Salary Range: Display the salary range for the job.
• Job Type: Indicate if the job is remote, full-time, or other types.
• Job Category: Display the category the job belongs to.
• Details Link: Include a link that navigates to the detailed job listing page.

Tasks

• [x] Develop the structure of the job listing card component.
• [x] Ensure the layout is consistent with the design specifications.
• [x] Implement display of job title, location, description, salary range, job type, and job category.
• [ ] Include a link on the card that navigates to the detailed job listing page.
• [x] Ensure the job listing card is responsive
• [ ] Write unit tests to verify the display of job information, link functionality, and responsiveness.

Deadline: Friday 10pm

Note

• Ensure code quality through proper code structure and comments
• Provide clear documentation on component usage and integration
• Ensure smooth integration with the search and filter functionalities on the careers page.

Images and Figma Links

https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=1673-13263&m=dev

[JulianaSau]

Please include a clearer image of this component The figma link should lead directly to where the component is located