Order Again

Description

The Buy Again feature allows users to reorder products, search previously purchased items, manage saved products, and navigate through product history.

GOALS / EXPECTATIONS

1. Enables users to search through previously purchased products
2. Search bar provided at the top of the Buy Again page.
3. Real-time filtering as user types full orderId as keywords.
4. Enables users to reorder products.
5. User can save previous order products in their save list.
6. Only 6 product on a single page is visible.

DEV STRATEGIES / GUIDELINES

1. Pinia Store (accountStore) Order Again component emits call the store methods directly which then propage the request to the concerned service i.e. ecomCustomerServices.. Every call to service must be enclosed by a try…catch block to manage client side error states inside the store. Within catch block, we need to use errorHandle composable. Buy Again Button for each products will trigger a modal which leads to the purchase of product flow till checkout. Loader will be visible when user visit the Order Again section in My Account Page.
2. ECOM API Service & Requirement to make API call I. Orders Data : /customers/{orderid}/orders (GET) II. Product Data : getProduct() accepting orderIds as array of Numbers (GET)

COMPONENT DIAGRAM

FEATURES

1. Searching Product
2. Search functionality queries product names and details within the user’s purchase history.
3. Allows users to reorder a product from their purchase history with a single click.
4. Each product item includes an "Order Again" button.
5. Organizes product history into pages, improving load times and usability.
6. Page navigation displayed at the bottom of the product list.
7. Users can move between pages to view more products in their history.
8. Allows users to save products for easy future access.
9. Heart icon displayed on each product item.
10. Clicking the heart icon toggles the saved state of the product.
11. Saved products are stored in the user’s account data.

SEQUENCE DIAGRAM

TODO LIST (DEV)

1. Searching Product
2. Search functionality queries product names and details within the user’s purchase history.
3. Allows users to reorder a product from their purchase history with a single click.
4. Pagination Implementation.
5. Heart Icon Implementation.
6. Clicking the heart icon toggles the saved state of the product.
7. Order Again Flow to Checkout Feature.
8. Variant Modal visible.