Add 'Add to Cart' Button to products on Sales Page and Create Order Summary Page

[Drupitha-Chandrashekar]

Currently, the sales page lists products but lacks an "Add to Cart" button for each product. This button should be added to allow users to select items for purchase.

A new page should be created to display the selected items (from the cart) and the total price. This page should show a detailed summary, including product names, quantities, and the total cost, and it should update dynamically as items are added or removed.

These features are essential for a smooth shopping experience, allowing users to easily manage their selected products and review their order before checkout.

The order summary page should look like the image attached below.

[github-actions[bot]]

👋 Thank you @Drupitha-Chandrashekar for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

[swarooppatilx]

nice idea, pls do the relevant backend code also

[Drupitha-Chandrashekar]

Please assign me this issue. I'll make sure I'll complete this task as soon as possible.

[Drupitha-Chandrashekar]

nice idea, pls do the relevant backend code also

Thank you for assigning me this task.

[Drupitha-Chandrashekar]

Please tell me the database name or provide me the details on how to configure the environment with database name.

[swarooppatilx]

use MongoDB compass to test this locally, the database schema is in app.js file. Add your local MongoDB URI in .env file check the README for .env file structure.

[Drupitha-Chandrashekar]

okay. I'm working on it 👍