<div><h3><strong>Acceptance criteria for Categories Selection&nbsp;</strong> </h3><ol><li><p><strong>Category Display</strong> </p><ul><li>The app should display all available categories on the category selection screen. </li><li>Each category should have a distinct label and icon. </li> </ul> </li><li><p><strong>Category Selection</strong> </p><ul><li>When a user selects a category, it should navigate to the product listing page for that category. </li><li>The selected category should be highlighted. </li> </ul> </li><li><p><strong>Category Filtering</strong> </p><ul><li>Users should be able to filter and browse products based on selected categories. </li><li>The filtering should be fast and responsive. </li> </ul> </li><li><p><strong>Navigation</strong> </p><ul><li>Users should be able to navigate back to the home screen or other sections without losing category selection. </li> </ul> </li> </ol><h3><strong>Sort Option</strong> </h3><ol><li><p><strong>Sort Button</strong> </p><ul><li>The &quot;Sort&quot; button should be clearly visible on the product listing page. </li><li>Clicking on the &quot;Sort&quot; button should open a sorting menu. </li> </ul> </li><li><p><strong>Sorting Options</strong> </p><ul><li>The sorting menu should display available sorting criteria:
<ul><li>Popularity </li><li>Latest First </li><li>Oldest First </li><li>Highest Price First </li><li>Lowest Price First </li> </ul> </li> </ul> </li><li><p><strong>Sorting Functionality</strong> </p><ul><li>When a sorting option is selected, products should rearrange accordingly. </li><li>The selected sorting option should remain applied until changed by the user. </li> </ul> </li><li><p><strong>UI/UX</strong> </p><ul><li>The sort menu should be dismissible by tapping outside the selection area. </li><li>Selected sorting options should be visually indicated. </li> </ul> </li> </ol><b style="box-sizing:border-box;font-weight:bold;">Refer Figma Design:</b><span style="box-sizing:border-box;display:inline !important;">&nbsp;</span><span style="box-sizing:border-box;"><a href="https://www.figma.com/proto/myyf6wXN6Tr5uTYDgCrI10/cleaning-service?page-id=331:5195&amp;node-id=1660-540&amp;p=f&amp;viewport=367%2c370%2c0.3&amp;t=26ZuN96jwOXu2hFt-1&amp;scaling=scale-down&amp;content-scaling=fixed&amp;starting-point-node-id=2939:3873" rel="noreferrer noopener" target=_blank title="https://www.figma.com/proto/myyf6wxn6tr5utydgcri10/cleaning-service?page-id=331%3a5195&amp;node-id=1660-540&amp;p=f&amp;viewport=367%2c370%2c0.3&amp;t=26zun96jwoxu2hft-1&amp;scaling=scale-down&amp;content-scaling=fixed&amp;starting-point-node-id=2939%3a3873" style="box-sizing:border-box;text-decoration:underline;cursor:pointer;">https://www.figma.com/proto/myyf6wXN6Tr5uTYDgCrI10/cleaning-service?page-id=331%3A5195&amp;node-id=1660-540&amp;p=f&amp;viewport=367%2C370%2C0.3&amp;t=26ZuN96jwOXu2hFt-1&amp;scaling=scale-down&amp;content-scaling=fixed&amp;starting-point-node-id=2939%3A3873</a></span><br> </div>