[FEAT] Develop Job Listing Card Component for Careers Page

SilverBeing commented 1 month ago

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

[ ] Develop the structure of the job listing card component.
[ ] Ensure the layout is consistent with the design specifications.
[ ] 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.
[ ] Ensure the job listing card is responsive

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 Screenshot 2024-07-17 173205