[x] New Feature: a non-breaking change that adds new functionality.
Summary
Enhance the existing SearchBar component to allow users to filter job postings by Job Title and Job Location.
Requirements:
Use the existing SearchBar component:
Left input box: job title search
Right input box: job location search
Search Behavior:
Implement partial match searching for both fields
Make searches case-insensitive
Perform search when users click on the "Search" button
Filtering Logic:
Job Title: Match against the job posting's title field
Job Location: Match against the job posting's location field
If both fields are used, results should satisfy both criteria (AND operation)
Results Display:
Update the job listings when the user clicks on the button to show only matching results
If no results match the search criteria, display a "No results found" message
Edge Cases:
Handle empty input fields (show all results when both fields are empty)
Properly handle special characters and whitespace in search inputs
Accessibility:
Ensure the search functionality is fully accessible via keyboard
Add appropriate ARIA labels to improve the screen reader experience
Issue
https://github.com/unocorn-squad/job-posting-app/issues/2
Type of change
Summary
Enhance the existing SearchBar component to allow users to filter job postings by Job Title and Job Location.
Requirements: Use the existing SearchBar component:
Left input box: job title search Right input box: job location search Search Behavior:
Implement partial match searching for both fields Make searches case-insensitive Perform search when users click on the "Search" button Filtering Logic:
Job Title: Match against the job posting's title field Job Location: Match against the job posting's location field If both fields are used, results should satisfy both criteria (AND operation) Results Display:
Update the job listings when the user clicks on the button to show only matching results If no results match the search criteria, display a "No results found" message Edge Cases:
Handle empty input fields (show all results when both fields are empty) Properly handle special characters and whitespace in search inputs Accessibility:
Ensure the search functionality is fully accessible via keyboard Add appropriate ARIA labels to improve the screen reader experience
Testing steps
Relevant screenshots