Description: We need to implement functionality where, upon clicking the cart icon in the navbar, a new window opens displaying all the dishes the user has selected. This window should show the dish name, quantity, photo, and price for each item in the cart. At the end of the list, the total sum of all selected dishes' prices should be calculated and displayed.
Expected Features:
Cart Window:
When the user clicks the cart icon in the navbar, a new window should open.
The window should display all selected dishes with the following details:
Name of the dish
Quantity selected
Photo of the dish
Price per dish
Total Price Calculation:
After displaying the list of selected dishes, the sum total of all the prices should be calculated and shown at the bottom of the window.
The total price should update dynamically as items are added or removed from the cart.
User Experience:
The window should be easily accessible and closeable.
All dish details should be displayed clearly, with consistent formatting for photo, name, quantity, and price.
Ensure the total price is accurate and updates based on the dishes in the cart.
Use Cases to Consider:
The window should correctly display all the selected items with their details.
The total price should update whenever items are added or removed.
Handle cases where the cart is empty, and show an appropriate message or layout.
Implementation:
Implement the logic to open a new window or modal upon clicking the cart icon.
Fetch and display the selected dishes along with their name, quantity, photo, and price.
Calculate and display the total price for all selected items.
Ensure the solution is bug-free and provides a smooth user experience.
Acceptance Criteria:
A new window should open when the cart icon is clicked, displaying all selected dishes with their details.
The total price of all selected items should be correctly calculated and shown at the bottom.
The user should be able to easily close the window, and the window should update dynamically as items are added or removed from the cart.
Description: We need to implement functionality where, upon clicking the cart icon in the navbar, a new window opens displaying all the dishes the user has selected. This window should show the dish name, quantity, photo, and price for each item in the cart. At the end of the list, the total sum of all selected dishes' prices should be calculated and displayed.
Expected Features:
Cart Window:
When the user clicks the cart icon in the navbar, a new window should open. The window should display all selected dishes with the following details: Name of the dish Quantity selected Photo of the dish Price per dish Total Price Calculation:
After displaying the list of selected dishes, the sum total of all the prices should be calculated and shown at the bottom of the window. The total price should update dynamically as items are added or removed from the cart. User Experience:
The window should be easily accessible and closeable. All dish details should be displayed clearly, with consistent formatting for photo, name, quantity, and price. Ensure the total price is accurate and updates based on the dishes in the cart. Use Cases to Consider:
The window should correctly display all the selected items with their details. The total price should update whenever items are added or removed. Handle cases where the cart is empty, and show an appropriate message or layout. Implementation:
Implement the logic to open a new window or modal upon clicking the cart icon. Fetch and display the selected dishes along with their name, quantity, photo, and price. Calculate and display the total price for all selected items. Ensure the solution is bug-free and provides a smooth user experience. Acceptance Criteria:
A new window should open when the cart icon is clicked, displaying all selected dishes with their details. The total price of all selected items should be correctly calculated and shown at the bottom. The user should be able to easily close the window, and the window should update dynamically as items are added or removed from the cart.