Shopping Cart | React.js Project with explanation
ฝัง
- เผยแพร่เมื่อ 6 ต.ค. 2024
- 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/Ank...
#react #project #webdevlopment #html #css
Here is the full proper explanation video of this project
th-cam.com/video/P9-zbdMTwjM/w-d-xo.html
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
Thank you
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"
Glad to hear that
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!
You have made video short and clear comparing to many videos on TH-cam
1. Please make a button to buy it through STRIPE / PAYPAL / CARD .
2. How to fetch these data from Mongo DB (Database)
Sure, I will make a video on that as well
Don't stop brother , keep going .. You are quite a good teacher .. Don't loose hope .. All the best
Thank you
@@codeforu4446 yes bro your teaching well thanks for the tutorial
A great video I got by God's grace. Thank you so much for your efforts it will help me a lot ♥️🙏
Thanks @Rita
Where is the rush ?
Cuts, copy paste, change file, Its a bit hard to follow, great work tho
The intention is good but it is practically impossible to follow this tutorial, there are many cuts throughout the video.
Next time I will try to improve this
Absolutely
@@codeforu4446 please create a good project which is easy to follow
Make projects on ReactJS, because you shopping cart video is crystal clear to understand as a beginner
Thank you for your kind words keep supporting.
Great work ankit, Please be consistent.
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
your code writing style is fantastic please make a video on how to write code in short
Thank you
Nice Yaar. .. Awesome.
Your understand site is very poor, Hopefully you will recover this
u guys talk about clear explanation, but his coding speed is faster than AI :D
Why rush over?😭
Help Full
Thank you
Best in youtube.
bro please please please make video in useEffect and useReducer.
Thank you @Shubham
very god brother my shoping will be help
Nice tut but you're wrong about uplifting 14:55
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
thank you so much this tutorial is very useful
Glad it was helpful!
Thanks for this video 😊
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?
very nice explanation.................👌👌👌👌👌
Thanks and welcome
Jefferson Sales done a few but not there yet
Great work … it helped me a lot in my assignment 👏🏻
Thank you
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.
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
th-cam.com/video/P9-zbdMTwjM/w-d-xo.html&lc=UgyBIqhCAvdLml-f9Fh4AaABAg&ab_channel=CodeForU
Very helpful Video as always .
Glad it was helpful!
Спасибо
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
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 - th-cam.com/video/FayTjjfpHdE/w-d-xo.html
Muchas gracias!🤗🤍🤍
Thank you
Great work
Thank you so much 😀
@@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.
Thank you bro! you save me :)
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
You are just awesome 👏
Thank you so much 😀
hi, i am following your tutorial to make lemonade stand web page , but i am very confussed .
Here is the proper explanation of this project
th-cam.com/video/P9-zbdMTwjM/w-d-xo.html
Thank you 😊
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?
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.
@@codeforu4446 have you made any videos regarding that?
sir fontawesome is not working
When I am trying to add the items amounts getting appended... It was not doing addition operation. Can anyone help me?
I also added my GitHub code please compare with that
Item. amount? How
Sir my handleClick function is not working it's shows all the cards data not the only clicked one...?
1. onClick={handleClick}
2. onClick={()=>handleClick()}
3. Don't use like this onClick={handlClick()} because it automatically called when the page rendered
@@codeforu4446 But sir why my code is fetching all the card objects not the only clicked one...?
I wrote the same code ...
try to debug your code because it should work properly
Thank you bro
Welcome
I clone your github, but the cart component is not working :( help
If you don't mind can you paste the error here.
awesome
Thank you
i cant get nothing mankey
Thank you🥺🙏🙏🙏
You’re welcome 😊
Image how to display?
I put the image link insider the "src"
you can see on the github
github.com/Ankit8969/React-shoping-cart
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
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.
@@codeforu4446 sir kindly made full video so i can clear my concept ...its request ....you way of teaching is awesome ...so plz
First u learn properly and showed the step by step code ..ur confused 😕, low confidence
what is database used?
For this I didn't use any database
Bad tutorial.at last you have putted the code without showing how to do ...
bhai kya hai ye ehsaan kr rhe hai kya.
@Ankit this was my first video, that's why I wasn't able to edit properly,
Sorry for that
Bro, here is the video for proper explanation
th-cam.com/video/P9-zbdMTwjM/w-d-xo.html
Starts in 10:30
kindly let me know how to contact you directly
you can ask the query in comment section I will try to help you
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 ..
Also for me it is not rendering on browser
please help
@@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