[Feature request] : Show Order Details in the cart page

[Anandsg]

Description: Our app currently doesn't display important information about orders, like the total cost, any discounts, or delivery fees. We want to make it better by adding a section that shows all these details.

Details: Where to Show: We'd like this order details section to be easy to find, probably near the shopping cart or checkout page.

What to Show: Here's what we want to include:

Cart Items: We'll list all the things in your cart, how many of each, and how much they cost. Total Before Discounts: This is how much everything costs before we take off any discounts. Discounts: If you have any special deals or coupons, we'll show those here. Delivery Cost: If you need something delivered, we'll say how much that costs. Total Cost: This is the final amount you'll pay, with everything added up.

Example Picture: We've attached a picture to this request that shows exactly what we're thinking. It's a visual example of how the order details could look.

[Aryankax]

please assign this task to me

[Anandsg]

@Aryankax sure bro, have you worked on such functionality in react and what would be your approach to achieve this?

[Aryankax]

Yeahh I have experience in react, so my approach would be that first I will go through the code base to see if there are any components (like card component) which can be reused, if not then I will create one. I'll most probably be using useState to keep track of each (as in I can capture the price and count of each item) and will be using tailwind css for the styling. If not tailwind then I can also use vanilla css.

[Anandsg]

@Aryankax Sounds good, assigning the issue. make sure to install CORS extension in your local machine

[Aryankax]

Thank you so much!

[Aryankax]

@Anandsg I'm getting this CORS Error due to which the items are not getting fetched from the swiggy api. Can you help me with this pls.

[Anandsg]

@Aryankax yes it is expected, sometimes our browser wont allow us to fetch data from external site we need to take help of CORS extension could you please install the extension and enable it and try.

https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

[Aryankax]

It works now thanks

[Aryankax]

@Anandsg Hey, it has been mentioned that I have to add discount price and price after discount and delivery but then how should I estimate discount price and delivery cost as it has not been given in the swiggy api. Or should I just hard code the values and provide the styling?

[Anandsg]

hey @Aryankax yes just hardcode it for now.

[Aryankax]

Alright!

[Anandsg]

@Aryankax any updates on this ? I hope you're doing it. the app runs without CORS extension now please free to fork latest version of the repo

[Aryankax]

Hey, i'm sorry for not responding for so long....I'm busy with my midterm exams could you pls assign this task to someone else. It'll take me some more time to complete this and I don't want to keep this task waiting, so if you want you can assign it to someone else

[Anandsg]

sure