Skip to content

Conversation

@shivam7147
Copy link
Contributor

Description

Implemented a Product Browse page with search, category & price filters, and sort by price functionality.
The code currently works with dummy product data. I have also added commented sections for backend integration that can be easily enabled when connecting to the actual API.
The filter is implemented using a drawer component for UI, allowing users to select category, set min/max price, and sort products. Clicking Apply Filters automatically updates the displayed products, and Clear resets the filters. Sorting supports low-to-high and high-to-low price order.

How I implemented it

  • Used a drawer component to show filter options for category, price range, and sort order.
  • Applied filtering and sorting directly on dummy data for now.
  • Added commented backend fetch logic that can replace dummy data when API is ready.
  • Updated product grid dynamically when filters are applied, without needing to manually close the drawer.

Semver Changes

  • Patch (bug fix, no new features)
  • Minor (new features, no breaking changes)
  • Major (breaking changes)

Issues

Closes #43

Checklist

Copy link
Member

@04shubham7 04shubham7 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks Fine

@04shubham7 04shubham7 merged commit f05bc8e into OPCODE-Open-Spring-Fest:main Oct 27, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Implement Product Sorting and Filtering

2 participants