3. Product details screen

[4seer]

3.1. Product view use-case: User clicks on product tile or list element and gets to according product screen. List of common products is loaded at the bottom of the screen.

3.2. Add product to favorites use-case: User clicks on favorite button on the product details screen, the popup with size and color selection appears, user selects size and color and clicks “Add to Favorites”. The product is added to favorites, favorite button changes to selected view and size and color changes on product details screen.

3.3. Add product to cart use-case: Use clicks on product details screen, a popup with color and size selection appears, user selects size and color and clicks “Add to cart”. Product is added to cart table (local database) with selected size and color and user being redirected to Product Cart Screen with list of added products with according selection.

Product details discussion

E-commerce App Use-Case Description

Within this task you need to do the following:

1. Pull all data from local database and render it on the screen.

2. At this time mock remote repository calls for fetching data from a local JSON file. The data structure and method names should be taken from WooCommerce REST API docs.