Design the UI for the mock outfit component using a graphic design tool or something like Figma, whatever the designer prefers. This UI mockup will be translated into an actual component on the frontend.
Ideally, this component will be simple and powerful enough such that the user does not have to open a modal or other popup to edit outfit and item details. Each button/text field should have a distinct and arguable purpose. The use of the component should also be easy to pick up for new users. Make this component exceptional as the heart of Shafa will focus on this component. See the existing frontend for initial mockups (/outfits page?).
What follows is a sample outfit returned from the backend. See the implementation for more details. Feel free to argue for the use of new data fields (like last worn data, how many times the outfit has been worn in the last 30 days, 1 year, etc).
Description
Design the UI for the mock outfit component using a graphic design tool or something like Figma, whatever the designer prefers. This UI mockup will be translated into an actual component on the frontend.
Ideally, this component will be simple and powerful enough such that the user does not have to open a modal or other popup to edit outfit and item details. Each button/text field should have a distinct and arguable purpose. The use of the component should also be easy to pick up for new users. Make this component exceptional as the heart of Shafa will focus on this component. See the existing frontend for initial mockups (
/outfits
page?).What follows is a sample outfit returned from the backend. See the implementation for more details. Feel free to argue for the use of new data fields (like last worn data, how many times the outfit has been worn in the last 30 days, 1 year, etc).
Acceptance Criteria