As a User
I want to filter and display users based on specific criteria such as location (city and district) alongside existing filters for skills and needs.
In order to see who lives near me for services that require a physical presence.
Description
As a User, I can select a category on the homepage and then decide on a subcategory. On the subcategories page, I can see the service providers, which I can now filter by skills, needs, but also by city and district. On this subcategory page, I can also see not only the filtered Service Provider Cards, but also a small map at the top that shows me where all other users are (blue dots).
Acceptance Criteria
[ ] The existing filter was extended by city and district
[ ] Below the header of the subcategories page you will see a small map
[ ] On the map you can see all Service Providers marked from the Subcategories Page
Task
[ ] Create a branch "Advanced Filter"
[ ] Modify the filter to accommodate city and district criteria
[ ] Add the input fields city and district to the form and the postal code of the district
[ ] Create a JS validation (RegEx) for the postal code (DACH-Region)
[ ] Integrate Leaflet functionality:
npm install leaflet
create MapComponent for the map logic
import MapComponent on the subcategory page and render it below the header
convert city, district and postal code to longitude and latitude to display the user's current location
Value proposition
As a User I want to filter and display users based on specific criteria such as location (city and district) alongside existing filters for skills and needs. In order to see who lives near me for services that require a physical presence.
Description
As a User, I can select a category on the homepage and then decide on a subcategory. On the subcategories page, I can see the service providers, which I can now filter by skills, needs, but also by city and district. On this subcategory page, I can also see not only the filtered Service Provider Cards, but also a small map at the top that shows me where all other users are (blue dots).
Acceptance Criteria
Task