Shopping Cart | React.js Project with explanation
HTML-код
- Опубликовано: 24 авг 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
ruclips.net/video/P9-zbdMTwjM/видео.html
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
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
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!
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
Great work ankit, Please be consistent.
You have made video short and clear comparing to many videos on RUclips
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
u guys talk about clear explanation, but his coding speed is faster than AI :D
A great video I got by God's grace. Thank you so much for your efforts it will help me a lot ♥️🙏
Thanks @Rita
Help Full
Thank you
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.
very god brother my shoping will be help
Nice Yaar. .. Awesome.
your code writing style is fantastic please make a video on how to write code in short
Thank you
Where is the rush ?
Cuts, copy paste, change file, Its a bit hard to follow, great work tho
Спасибо
Best in youtube.
bro please please please make video in useEffect and useReducer.
Thank you @Shubham
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
very nice explanation.................👌👌👌👌👌
Thanks and welcome
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.
Your understand site is very poor, Hopefully you will recover this
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
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
thank you so much this tutorial is very useful
Glad it was helpful!
Nice tut but you're wrong about uplifting 14:55
Why rush over?😭
Very helpful Video as always .
Glad it was helpful!
Great work … it helped me a lot in my assignment 👏🏻
Thank you
Thanks for this video 😊
You are just awesome 👏
Thank you so much 😀
Thank you bro! you save me :)
Muchas gracias!🤗🤍🤍
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
ruclips.net/video/P9-zbdMTwjM/видео.html&lc=UgyBIqhCAvdLml-f9Fh4AaABAg&ab_channel=CodeForU
awesome
Thank you
Jefferson Sales done a few but not there yet
sir fontawesome is not working
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?
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
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?
Thank you bro
Welcome
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 - ruclips.net/video/FayTjjfpHdE/видео.html
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
Thank you🥺🙏🙏🙏
You’re welcome 😊
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
ruclips.net/video/P9-zbdMTwjM/видео.html
Thank you 😊
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
Item. amount? How
i cant get nothing mankey
First u learn properly and showed the step by step code ..ur confused 😕, low confidence
I clone your github, but the cart component is not working :( help
If you don't mind can you paste the error here.
Image how to display?
I put the image link insider the "src"
you can see on the github
github.com/Ankit8969/React-shoping-cart
Bad tutorial.at last you have putted the code without showing how to do ...
Starts in 10:30
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
what is database used?
For this I didn't use any database
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
ruclips.net/video/P9-zbdMTwjM/видео.html
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