US20b // items - filter items - Githubissues

matschi3 / capstone

Assembler is a useful assistant to keep track of your hand-crafted pieces of art. Assemble custom items from added parts. - This is a capstone project for @neuefische web-development bootcamp.

https://capstone-matschi3.vercel.app

0 stars 0 forks source link

US20b // items - filter items #45

Open matschi3 opened 1 year ago

matschi3 commented 1 year ago

Value Proposition

As a user I want to have some sorting option so that i can easy sort my items

Description

Acceptance Criteria

[x] on items page there are buttons to filter displayed items
[x] the buttons are placed on top of the page, right between heading and the listed items
[x] the buttons are scrollable horizontally
[x] the buttons can move out of the viewable-area on left and right when they are too big for screen-width
[x] depending on set filter, the correct items gets rendered in the correct order

Tasks

[x] create branch feature/us20a/items-filter-only and switch into it
[x] use filter-component from partsList
[x] setup filter-buttons
[x] add const filteredItems with .filter()
[x] handle filteredItems into mapped ItemCard component in return of ItemPage

marcbendixen commented 1 year ago

Great work 🧑‍🚀

One tiny comment: [...] and switch into it. I don't think this is really necessary to mention 😉

matschi3 commented 1 year ago

true :D i wrote it once to be super exact and copy pasted it all over