₦airaland Forum

Good Morning Devs

I have been trying to build my first project on react (a mini e-commerce app) and I am currently faced with a challenge which I have been trying to resolve for over 2 weeks now.

My challenge is summing up the total on the cart after pushing the items to the cart.

Here is the link to code on GitHub.

https://github.com/Hilary017/hillsMart

Please I will be glad if anyone can assist me on how I can implement this.

Thanks

Laryfrosh:
Good Morning Devs

I have been trying to build my first project on react (a mini e-commerce app) and I am currently faced with a challenge which I have been trying to resolve for over 2 weeks now.

My challenge is summing up the total on the cart after pushing the items to the cart.

Here is the link to code on GitHub.

https://github.com/Hilary017/hillsMart

Please I will be glad if anyone can assist me on how I can implement this.

Thanks

Get them in an array, and use the .reduce() method. It will sum every prices inside the array for you.

jbreezy:
Get then in an array, and use the .reduce() method. It will sum every prices inside the array for you.

I have tried that but I couldn't get them in an array.
Guess that has got something to do with the structure of the code but I have not been able to figure out a better way to implement it...

Please, can you kindly take a look at the code?

Array.reduce should help you.

Example.

let numbers = [1, 2, 3];
let sum = numbers.reduce(function (previousValue, currentValue) {
return previousValue + currentValue;
});

console.log(sum);



But I'm assuming your cart item object also has a quantity.

So you wanna sum up all the Cart item quantities using array.reduce()

For easy readability you may want to also save that in a state.

Laryfrosh:
Good Morning Devs

I have been trying to build my first project on react (a mini e-commerce app) and I am currently faced with a challenge which I have been trying to resolve for over 2 weeks now.

My challenge is summing up the total on the cart after pushing the items to the cart.

Here is the link to code on GitHub.

https://github.com/Hilary017/hillsMart

Please I will be glad if anyone can assist me on how I can implement this.

Thanks

Try to mail me here

Laryfrosh:
I have tried that but I couldn't get them in an array.
Guess that has got something to do with the structure of the code but I have not been able to figure out a better way to implement it...

Please, can you kindly take a look at the code?

Screenshot and let me take a look.

jbreezy:
Screenshot and let me take a look.

The files are kinda much... I can send the GitHub link

Laryfrosh:
The files are kinda much... I can send the GitHub link

Just the part you used the reduce() method.

jbreezy:
Just the part you used the reduce() method.

This is where my problem is... I have not been able to arrange the individual total into an array

Laryfrosh:
Good Morning Devs

I have been trying to build my first project on react (a mini e-commerce app) and I am currently faced with a challenge which I have been trying to resolve for over 2 weeks now.

My challenge is summing up the total on the cart after pushing the items to the cart.

Here is the link to code on GitHub.





https://github.com/Hilary017/hillsMart

Please I will be glad if anyone can assist me on how I can implement this.

Thanks

updated: u need array that contains ur individual item price total in ur usecontext.

Const [totalcartprice, setTotalcartprice] = useState([])

Then below ur ( const total = props.price * quantity)

Do this: setTotalprice( prices => [•••prices, total] )

Totalcartprice now contains an array of all ur individual total prices. Goodluck

Laryfrosh:
Good Morning Devs

I have been trying to build my first project on react (a mini e-commerce app) and I am currently faced with a challenge which I have been trying to resolve for over 2 weeks now.

My challenge is summing up the total on the cart after pushing the items to the cart.

Here is the link to code on GitHub.

https://github.com/Hilary017/hillsMart

Please I will be glad if anyone can assist me on how I can implement this.

Thanks

Hmm op, be like we're working on the same project, did you get the project from frontend mentors ?

chukwuebuka65:
updated: u need array that contains ur individual item price total in ur usecontext.

Const [totalcartprice, setTotalcartprice] = useState([])

Then below ur ( const total = props.price * quantity)

Do this: setTotalprice( prices => [•••prices, total] )

Totalcartprice now contains an array of all ur individual total prices. Goodluck

Thanks...

I will try it out

Think4Myself:
Hmm op, be like we're working on the same project, did you get the project from frontend mentors ?

No o... I just brought this one up from my head... LoL

hope your products are array of objects? if so then e.g products = [ { name:"", price : 20 }, { name:"", price : 50 }, { name:"", price : 80 } ]
const total = product.reduce ( ( product , initialValue ) => { return product.price + initialValue } , 0 //initial value. )
console.log( total) // = 150

Laryfrosh:
Good Morning Devs

I have been trying to build my first project on react (a mini e-commerce app) and I am currently faced with a challenge which I have been trying to resolve for over 2 weeks now.

My challenge is summing up the total on the cart after pushing the items to the cart.

Here is the link to code on GitHub.

https://github.com/Hilary017/hillsMart

Please I will be glad if anyone can assist me on how I can implement this.

Thanks

I just checked your totalCost state and it is empty.

Or send the link to the file you want implement the total price.

I just finished a similar project, do I might be able to help.