[Integrate] As a user, I can see all the products of a type when entering the products list screen

[minhnimble]

Why

The users will be able to see and interact with the products list in the Products List screen. Furthermore, users can filter the contents accordingly to their needs or just simple go back. Finally, users can mark a product as their favorite item by using the Favorite button.

Acceptance Criteria

• When users open the Products List screen, load all products list data from server using the selected product type from previous step.
• Populate data for each item, including a product image url, a product title, a product price and a favorite status.
• Users can toggle and update the favorite status of a product item to the server.
• Allow users to scroll vertically for seeing more contents if the items count exceeds the screen height size.
• Users can go back to the corresponding previous step using the Back button.
• Users can navigate to Filter Products screen when click on the Filter button.

Resources

• UX Flow for entering from the Discover screen:

Screen.Recording.2021-07-14.at.17.37.46.mov

• UX Flow for entering from the Shop screen:

Screen.Recording.2021-07-14.at.17.41.17.mov