Feature: View Category of Products

[micro7duylong]

Feature: View Category of Products

As a customer of Come-Back App, named Chad I want to be able to view the menu of products, So that I can browse and search for the products that I want to purchase.

Note: This user story assumes that the app provides a menu of products that can be filtered and searched for by the user. Users may want to be able to browse and search for products in a specific category, such as clothing or electronics, or to search for a specific product by name or description. This feature allows users to easily browse and search the available products within the app, which can help to ensure that they can find the products they want to purchase and improve the overall shopping experience.

[micro7duylong]

Example, Concrete example:

1. The Come-Back app must display a list of available product categories in Dropdown Menu:

   1.1 List category of products is not appear 1.2. Category Product not updated 1.3. Products not properly classified in category.

2. Each category must have a representative icon, category name and description.

   2.1 Chad is on "Menu Products Screen" but can't see an information of any category 2.2 Chad is on "Menu Products Screen" and an information of each category appear

3. Chad tap on a category to view all product category

   3.1 Chad tap on a category but sub category not appear and product is not displayed 3.2 Chad do not know how to tap on a category to appear sub category 3.3 The "sub categories" is appear and the products are displayed with their name, image, price, and a brief description

4. Chad tap on a sub category to view all product in category

   4.1 Chad do not know to tap on a category to appear child category 4.2 . Chad tap on a specific category and products within that category appear.

5. Chad tap Button " Back " to navigate back to the parent category from a sub category

   5.1 Chad tap Button " Back " but not be navigate back to the parent category from a sub category 5.2 Chad tap Button " Back " and be navigate back to the parent category from a sub category

6.̶ ̶ Chad tap on a category have no products available within this category

6.̶̶1̶ ̶ Chad directed to a new screen that displays a message stating that there are no products available within the category 6.̶̶2̶ ̶ Chad is not get a message

Rule

1. The levels of product category has maximum is " 3" and minimum is " 1 "
2. Category has no or at least one subcategory
3. Category names consist of alphanumeric characters.
4. Category names can be from 1 to 30 characters long.

[micro7duylong]

Technical Specification

• As a customer of Come-Back App, named Chad
• I want to be able to view the menu of products,
• So that I can browse and search for the products that I want to purchase.

Background: Given the system is working properly And Chad is logged in And Chad is on the home screen

Scenario: View all products within a category Given Chad want to view products within a specific category When Chad click on the category link Then Chad is directed to a new screen that displays all products within that category And the products are displayed with their name, image, price, and a brief description

Scenario: No products available within the category Given Chad want to view products within a specific category And there are no products available within that category When Chad click on the category link Then Chad is directed to a new screen that displays a message stating that there are no products available within the category

Scenario: View products in a subcategory Given Chad want to view products within a specific subcategory When Chad click on the subcategory link Then Chad is directed to a new screen that displays all products within that subcategory And the products are displayed with their name, image, price, and a brief description

Scenario: No products available within the subcategory Given Chad want to view products within a specific subcategory And there are no products available within that subcategory When Chad click on the subcategory link Then Chad is directed to a new screen that displays a message stating that there are no products available within the subcategory

[micro7duylong]

Mock up dropdown menu example for design Come-Back UI App

• using dropdown menu to handle tree menu.
• or split it to another screen just like shopee Lazada ( depend on quanity of category or kind of this business)

[micro7duylong]

APIs Contract

Request: GET/Categories

{
header:{ "Content-Type": "application/json" } }

Response:

{ header:{ "Content-Type": "application/json" }, body:{ "statusCode": 200, "statusMessage": "", "data":[{ "categoryId": "", "categoryName": "", "parentCategoryId": "", "description": "", }] } }