Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

US20b // items - filter items #45

Open
10 tasks done
matschi3 opened this issue Jul 17, 2023 · 2 comments
Open
10 tasks done

US20b // items - filter items #45

matschi3 opened this issue Jul 17, 2023 · 2 comments

Comments

@matschi3
Copy link
Owner

matschi3 commented Jul 17, 2023

Value Proposition

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

Description

Image

Acceptance Criteria

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

Tasks

  • create branch feature/us20a/items-filter-only and switch into it
  • use filter-component from partsList
  • setup filter-buttons
  • add const filteredItems with .filter()
  • handle filteredItems into mapped ItemCard component in return of ItemPage
@matschi3 matschi3 converted this from a draft issue Jul 17, 2023
@marcbendixen
Copy link

Great work 🧑‍🚀

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

@matschi3 matschi3 moved this from new User Stories to Backlog in @Nils Capstone-Project Jul 17, 2023
@matschi3 matschi3 moved this from Backlog to Sprint in @Nils Capstone-Project Jul 17, 2023
@matschi3 matschi3 moved this from Sprint to In Progress in @Nils Capstone-Project Jul 17, 2023
@matschi3
Copy link
Owner Author

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

@matschi3 matschi3 moved this from In Progress to 🧐Code Review 🔍 in @Nils Capstone-Project Jul 18, 2023
@matschi3 matschi3 moved this from 🧐Code Review 🔍 to 🕹️Quality Assurance🧨 in @Nils Capstone-Project Jul 19, 2023
@matschi3 matschi3 moved this from 🕹️Quality Assurance🧨 to 🎉 Done 🥳 in @Nils Capstone-Project Jul 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🎉 Done 🥳
Development

No branches or pull requests

2 participants