hector-jewell / hector-jewell/uber-eats-clone-using-react-native

The filters applied by the user should be displayed under the filter dropdowns to provide clear visibility of the active filters.

Open
#942 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
1
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Feature Description
The filters applied by the user should be displayed under the filter dropdowns to provide clear visibility of the active filters.
Solution
After applying filters (e.g., rating, price range, cuisine), the active filters should appear as a list or tags under the filter dropdowns.
Example: If the user applies a "4 stars and above" filter and a "Price:"
"filter,theUIshoulddisplay:"ActiveFilters:Rating−4starsandabovePrice-."

."The user should have the option to clear individual filters or all filters directly from this section.
Proposed Solution:

Add a section below the filter dropdowns that dynamically updates to display the applied filters.
Provide a "Clear" button for each filter and a "Clear All" option for convenience.
Ensure this section is responsive and visually distinct for ease of use.

Contributor guide

Open the contributing guide

Research direction

Start by locating the filter dropdowns and the state that stores selected rating, price range, and cuisine filters. Add a responsive active-filters section beneath them with individual clear controls and a Clear All option, then verify that it updates as filters are applied or removed.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
frontend, mobile
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.