Skip to content

Product catalog listing with sorting and filtering#2

Open
Surajdev92 wants to merge 3 commits into
LiveLike:masterfrom
Surajdev92:master
Open

Product catalog listing with sorting and filtering#2
Surajdev92 wants to merge 3 commits into
LiveLike:masterfrom
Surajdev92:master

Conversation

@Surajdev92

Copy link
Copy Markdown
  1. Initialize React + TypeScript + Vite project with ESLint configuration, basic structure, and essential files.
  2. Created file for API requests to the fake store and defined functions to fetch all products, categories, and products by category. Also, added a TypeScript interface for product structure to ensure type safety across the application.
  3. Created a new custom hook useProducts to manage product state, filtering, and sorting based on category and price range. Introduced utility functions for calculating discount rates and applying discounts based on product category.
  4. Added Tailwind CSS established tailwind.config.js for Tailwind CSS configuration.
  5. Implemented new components: CategoryList, PriceRangeSlider, SortControls, ProductCard, and ProductList for enhanced product filtering and display.
  6. Introduced constants for labels and sort types to improve code maintainability.
  7. Responsive of the page and testing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant