Shopping Cart | React.js Project with explanation

Full Explanation Video of this project
• Shopping Cart | React....
Hello,
This is Shopping Cart Project.
In this project I used
useState()
useEffect()
functional component
uplifting concept
diff b/w npx and npm
Github - github.com/Ankit8969/React-sh...
#react #project #webdevlopment #html #css

[@codeforu4446]

Here is the full proper explanation video of this project kzbin.info/www/bejne/hmqQq5WagrmqoK8

[@isha8842]

Great work ankit, Please be consistent.

[@charlenecodes]

Wow I just learned something really nice for this video that you can pass a component directly to the map. I will try this on my project. It's due tomorrow so I don't have time to refactor it, but definitely good for the next one!

[@codingislife6387]

Nice Yaar. .. Awesome.

[@kidbest100]

very god brother my shoping will be help

[@harshitkumar2876]

You Don't Know Brother, How Easily You Clear or Explain The Concept of Map Function, Object Destructuring, and Props in React.js, Keep Working Brother Love You

[@codeforu4446]

Thank you

[@venuziabm6535]

Thanks for this video 😊

[@himanshu1304]

bro i never commented on any video on youtube till now but ur style of explanantion made me do this ... only one line to say "pls dont stop making such more amazing videos"

[@codeforu4446]

Glad to hear that

[@shahbajhossein4548]

Don't stop brother , keep going .. You are quite a good teacher .. Don't loose hope .. All the best

[@codeforu4446]

Thank you

[@fitvibe47]

@@codeforu4446 yes bro your teaching well thanks for the tutorial

[@anupkaushik9370]

You have made video short and clear comparing to many videos on KZbin 1. Please make a button to buy it through STRIPE / PAYPAL / CARD . 2. How to fetch these data from Mongo DB (Database)

[@codeforu4446]

Sure, I will make a video on that as well

[@IvoooOrtiz]

Te consulto yo quiero hacerlo pero sin la lista osea sin la lista data, quiero cargar lo productos en un div con sus datos y el día q conecte el back hago un mapeo de los datos , como podría hacer?, por darte un ejemplo en vez de recorrer una lista con un map y q te de todos los datos, poner vos un solo título y una sola descripción ej nose si me explico

[@pradeepkumar-sr5bx]

I've been playing on garageband for a couple weeks and just got the trial of softs. I was worried there wouldn't be any clear tutorials, but

[@shaikhsufiyan3629]

Help Full

[@codeforu4446]

Thank you

[@trannguyenanan5067]

Very helpful Video as always .

[@codeforu4446]

Glad it was helpful!

[@pujashyam8448]

awesome

[@codeforu4446]

Thank you

[@buduchachibaia5857]

u guys talk about clear explanation, but his coding speed is faster than AI :D

[@khilutai]

A great video I got by God's grace. Thank you so much for your efforts it will help me a lot ♥️🙏

[@codeforu4446]

Thanks @Rita

[@blaqbrane8166]

Great work

[@codeforu4446]

Thank you so much 😀

[@blaqbrane8166]

@@codeforu4446 I figured out there will be an error, such that after intial adding of the item to the cart, and increasing the number of item, the user can still click on my shopping which takes him back to the Amazon component and can now add more items to the already exist item initially a added, this will cause an error.

[@patelkunjan2761]

very nice explanation.................👌👌👌👌👌

[@codeforu4446]

Thanks and welcome

[@facttechzforyou837]

You are just awesome 👏

[@codeforu4446]

Thank you so much 😀

[@guruvikasc6933]

Make projects on ReactJS, because you shopping cart video is crystal clear to understand as a beginner

[@codeforu4446]

Thank you for your kind words keep supporting.

[@M00nL1ght6]

Thank you bro! you save me :)

[@BogdanSimionDev]

Where is the rush ? Cuts, copy paste, change file, Its a bit hard to follow, great work tho

[@kamikazeExpert]

thank you so much this tutorial is very useful

[@codeforu4446]

Glad it was helpful!

[@ShubhamGupta-zz8wx]

Best in youtube. bro please please please make video in useEffect and useReducer.

[@codeforu4446]

Thank you @Shubham

[@maurom627]

Jefferson Sales done a few but not there yet

[@junntyzavebon2905]

Спасибо

[@creatorboy4901]

your code writing style is fantastic please make a video on how to write code in short

[@codeforu4446]

Thank you

[@dikshasharma189]

Great work … it helped me a lot in my assignment 👏🏻

[@codeforu4446]

Thank you

[@miguellleno781]

hello i copied ur code and my button is not working what seems to be the problem, its not adding to cart but its clickable

[@harunhrn178]

I like it so much thank you. I met a problem.i upload to host and when i refresh offer page, it give 404 mistakes. could you please help about it?

[@genesisnunez3760]

Muchas gracias!🤗🤍🤍

[@codeforu4446]

Thank you

[@tedmairura8155]

Why rush over?😭

[@chendathp10]

Thank you🥺🙏🙏🙏

[@codeforu4446]

You’re welcome 😊

[@narasimhapalla3529]

Thank you bro

[@codeforu4446]

Welcome

[@user-tv9ce4kq8x]

sir fontawesome is not working

[@survivors-haven]

Nice tut but you're wrong about uplifting 14:55

[@celticspyd5887]

sir i want to know If a customer clicks on order btn to order and the order list should received at the admins page/panel without any database or backend possible?? if yes how sir?

[@codeforu4446]

Yes this is possible, In this case, you have to create a separate route like "/admin" and their you have to pass all the selected team details, and also add approve and decline or Edit order buttons.

[@celticspyd5887]

@@codeforu4446 have you made any videos regarding that?

[@md.salauddin]

Your understand site is very poor, Hopefully you will recover this

[@machchanandhinis4130]

Item. amount? How

[@vibhavati1]

setCart[...cart,item] is not working for me. It only shows the new one which is clicked but doesn't show previous data in cart.

[@codeforu4446]

Bro, If you facing the issues, then follow this one, both are the same project but the diff is In this video I have explained every thing properly kzbin.info/www/bejne/hmqQq5WagrmqoK8&lc=UgyBIqhCAvdLml-f9Fh4AaABAg&ab_channel=CodeForU

[@valdemiro8465]

The intention is good but it is practically impossible to follow this tutorial, there are many cuts throughout the video.

[@codeforu4446]

Next time I will try to improve this

[@sarmadrafique426]

Absolutely

[@sarmadrafique426]

@@codeforu4446 please create a good project which is easy to follow

[@machchanandhinis4130]

When I am trying to add the items amounts getting appended... It was not doing addition operation. Can anyone help me?

[@codeforu4446]

I also added my GitHub code please compare with that

[@zainraza1481]

Sir my handleClick function is not working it's shows all the cards data not the only clicked one...?

[@codeforu4446]

1. onClick={handleClick} 2. onClick={()=>handleClick()} 3. Don't use like this onClick={handlClick()} because it automatically called when the page rendered

[@zainraza1481]

@@codeforu4446 But sir why my code is fetching all the card objects not the only clicked one...? I wrote the same code ...

[@codeforu4446]

try to debug your code because it should work properly

[@akritibali7064]

hi, i am following your tutorial to make lemonade stand web page , but i am very confussed .

[@codeforu4446]

Here is the proper explanation of this project kzbin.info/www/bejne/hmqQq5WagrmqoK8

[@akritibali7064]

Thank you 😊

[@lakshminarasimhan5639]

Bro, your intention is right, but make sure to get the clear explanation on the next upcoming topics . I confused in this video . Thank you

[@codeforu4446]

Sorry Bro, I did lots of cut while editing in this video, that's why it makes you confused. you can watch this as well Blog website - kzbin.info/www/bejne/fJLchZ2gm9V7mqc

[@gomathim9306]

Image how to display?

[@codeforu4446]

I put the image link insider the "src" you can see on the github github.com/Ankit8969/React-shoping-cart

[@ghinafaraj1975]

I clone your github, but the cart component is not working :( help

[@codeforu4446]

If you don't mind can you paste the error here.

[@sandisk1301]

what is database used?

[@codeforu4446]

For this I didn't use any database

[@1eieiejejdhrb2i2jehrhrhrjr5]

i cant get nothing mankey

[@AliRaza-nm3eu]

bro plz made full video why u cut the video from end .... i was following every step but you just waste my tym at the end

[@codeforu4446]

Sorry Ali, this video is my 3 or 4 th video that's why my editing sills is not too good, I also add the github repo link in the comment box you can go through that.

[@AliRaza-nm3eu]

@@codeforu4446 sir kindly made full video so i can clear my concept ...its request ....you way of teaching is awesome ...so plz

[@rohitsathe850]

First u learn properly and showed the step by step code ..ur confused 😕, low confidence

[@viekva]

Starts in 10:30

[@abhisekkumar2353]

Bad tutorial.at last you have putted the code without showing how to do ...

[@ankitchauhan8682]

bhai kya hai ye ehsaan kr rhe hai kya.

[@codeforu4446]

@Ankit this was my first video, that's why I wasn't able to edit properly, Sorry for that

[@codeforu4446]

Bro, here is the video for proper explanation kzbin.info/www/bejne/hmqQq5WagrmqoK8

[@akritibali7064]

kindly let me know how to contact you directly

[@codeforu4446]

you can ask the query in comment section I will try to help you

[@akritibali7064]

so at very first step under app.js you have mentioned 7.2k gzipped , what is it for ? and when I am doing same it is giving me error on my browser app ..

[@akritibali7064]

Also for me it is not rendering on browser please help

[@codeforu4446]

@@akritibali7064 In the description, my github link was there please compare and check where you are missing something. and also please check the package.json file and compare the version which I am using, sometime because of the different version it might be cause an error