<div><h3 style="box-sizing:border-box;font-weight:600;"><strong style="box-sizing:border-box;">User Story</strong> </h3><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Title:</strong><span>&nbsp;</span>View and Manage My Orders </p><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">As a</strong><span>&nbsp;</span>registered user,<br style="box-sizing:border-box;"><strong style="box-sizing:border-box;">I want</strong><span>&nbsp;</span>to view a list of all my past orders and their details,<br style="box-sizing:border-box;"><strong style="box-sizing:border-box;">So that</strong><span>&nbsp;</span>I can track order statuses, view purchased items, and confirm delivery information. </p><h3 style="box-sizing:border-box;font-weight:600;"><strong style="box-sizing:border-box;">Acceptance Criteria</strong> </h3><h4 style="box-sizing:border-box;font-weight:600;"><strong style="box-sizing:border-box;">AC1: Access My Orders</strong> </h4><ul style="box-sizing:border-box;padding:0px 0px 0px 40px;"><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Given</strong><span>&nbsp;</span>the user is logged in and has opened the side menu, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">When</strong><span>&nbsp;</span>they tap on<span>&nbsp;</span><strong style="box-sizing:border-box;">&quot;My Orders&quot;</strong>, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Then</strong><span>&nbsp;</span>they should be navigated to the<span>&nbsp;</span><strong style="box-sizing:border-box;">My Orders</strong><span>&nbsp;</span>screen showing a list of previous orders. </p> </li> </ul><h4 style="box-sizing:border-box;font-weight:600;"><strong style="box-sizing:border-box;">AC2: Order List Display</strong> </h4><ul style="box-sizing:border-box;padding:0px 0px 0px 40px;"><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Given</strong><span>&nbsp;</span>the user is on the My Orders screen, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">When</strong><span>&nbsp;</span>the screen loads, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Then</strong><span>&nbsp;</span>each order item should display: </p><ul style="box-sizing:border-box;padding:0px 0px 0px 40px;"><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">Order ID </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">Date and time of order </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">Total amount and number of items </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;">Order status (e.g.,<span>&nbsp;</span><em style="box-sizing:border-box;">Completed</em>,<span>&nbsp;</span><em style="box-sizing:border-box;">Processing</em>) with color-coded tags </p> </li> </ul> </li> </ul><h4 style="box-sizing:border-box;font-weight:600;"><strong style="box-sizing:border-box;">AC3: Search Orders</strong> </h4><ul style="box-sizing:border-box;padding:0px 0px 0px 40px;"><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Given</strong><span>&nbsp;</span>the user sees the order list, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">When</strong><span>&nbsp;</span>they enter a keyword or Order ID in the<span>&nbsp;</span><strong style="box-sizing:border-box;">search bar</strong>, </p> </li><li style="box-sizing:border-box;"><p style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Then</strong><span>&nbsp;</span>only matching orders should be displayed. </p> </li> </ul><br> </div>