Тёмный

Shopping Cart | React.js Project with explanation 

Code For U
Подписаться 1,1 тыс.
Просмотров 67 тыс.
50% 1

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

Опубликовано:

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 102   
@codeforu4446
@codeforu4446 Год назад
Here is the full proper explanation video of this project ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-P9-zbdMTwjM.html
@himanshu1304
@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
@codeforu4446 Год назад
Glad to hear that
@harshitkumar2876
@harshitkumar2876 2 года назад
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
@codeforu4446 2 года назад
Thank you
@charlenecodes
@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!
@anupkaushik9370
@anupkaushik9370 2 года назад
You have made video short and clear comparing to many videos on RU-vid 1. Please make a button to buy it through STRIPE / PAYPAL / CARD . 2. How to fetch these data from Mongo DB (Database)
@codeforu4446
@codeforu4446 2 года назад
Sure, I will make a video on that as well
@shahbajhossein4548
@shahbajhossein4548 2 года назад
Don't stop brother , keep going .. You are quite a good teacher .. Don't loose hope .. All the best
@codeforu4446
@codeforu4446 2 года назад
Thank you
@fitvibeindia
@fitvibeindia Год назад
@@codeforu4446 yes bro your teaching well thanks for the tutorial
@khilutai
@khilutai Год назад
A great video I got by God's grace. Thank you so much for your efforts it will help me a lot ♥️🙏
@codeforu4446
@codeforu4446 Год назад
Thanks @Rita
@IvoooOrtiz
@IvoooOrtiz 2 года назад
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
@valdemiro8465
@valdemiro8465 2 года назад
The intention is good but it is practically impossible to follow this tutorial, there are many cuts throughout the video.
@codeforu4446
@codeforu4446 2 года назад
Next time I will try to improve this
@sarmadrafique426
@sarmadrafique426 Год назад
Absolutely
@sarmadrafique426
@sarmadrafique426 Год назад
@@codeforu4446 please create a good project which is easy to follow
@guruvikasc6933
@guruvikasc6933 2 года назад
Make projects on ReactJS, because you shopping cart video is crystal clear to understand as a beginner
@codeforu4446
@codeforu4446 2 года назад
Thank you for your kind words keep supporting.
@buduchachibaia5857
@buduchachibaia5857 Год назад
u guys talk about clear explanation, but his coding speed is faster than AI :D
@miguellleno781
@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
@BogdanSimionDev
@BogdanSimionDev 2 года назад
Where is the rush ? Cuts, copy paste, change file, Its a bit hard to follow, great work tho
@vibhavati1
@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
@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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-P9-zbdMTwjM.html&lc=UgyBIqhCAvdLml-f9Fh4AaABAg&ab_channel=CodeForU
@isha8842
@isha8842 2 года назад
Great work ankit, Please be consistent.
@md.salauddin
@md.salauddin 2 года назад
Your understand site is very poor, Hopefully you will recover this
@tedmairura8155
@tedmairura8155 2 года назад
Why rush over?😭
@celticspyd5887
@celticspyd5887 5 месяцев назад
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
@codeforu4446 5 месяцев назад
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
@celticspyd5887 5 месяцев назад
@@codeforu4446 have you made any videos regarding that?
@harunhrn178
@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?
@junntyzavebon2905
@junntyzavebon2905 Год назад
Спасибо
@kidbest100
@kidbest100 9 месяцев назад
very god brother my shoping will be help
@pradeepkumar-sr5bx
@pradeepkumar-sr5bx 2 года назад
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
@machchanandhinis4130
@machchanandhinis4130 2 года назад
When I am trying to add the items amounts getting appended... It was not doing addition operation. Can anyone help me?
@codeforu4446
@codeforu4446 2 года назад
I also added my GitHub code please compare with that
@shaikhsufiyan3629
@shaikhsufiyan3629 2 года назад
Help Full
@codeforu4446
@codeforu4446 2 года назад
Thank you
@creatorboy4901
@creatorboy4901 2 года назад
your code writing style is fantastic please make a video on how to write code in short
@codeforu4446
@codeforu4446 2 года назад
Thank you
@user-tv9ce4kq8x
@user-tv9ce4kq8x 8 месяцев назад
sir fontawesome is not working
@zainraza1481
@zainraza1481 2 года назад
Sir my handleClick function is not working it's shows all the cards data not the only clicked one...?
@codeforu4446
@codeforu4446 2 года назад
1. onClick={handleClick} 2. onClick={()=>handleClick()} 3. Don't use like this onClick={handlClick()} because it automatically called when the page rendered
@zainraza1481
@zainraza1481 2 года назад
@@codeforu4446 But sir why my code is fetching all the card objects not the only clicked one...? I wrote the same code ...
@codeforu4446
@codeforu4446 2 года назад
try to debug your code because it should work properly
@ShubhamGupta-zz8wx
@ShubhamGupta-zz8wx 2 года назад
Best in youtube. bro please please please make video in useEffect and useReducer.
@codeforu4446
@codeforu4446 2 года назад
Thank you @Shubham
@kamikazeExpert
@kamikazeExpert 2 года назад
thank you so much this tutorial is very useful
@codeforu4446
@codeforu4446 2 года назад
Glad it was helpful!
@codingislife6387
@codingislife6387 2 года назад
Nice Yaar. .. Awesome.
@dikshasharma189
@dikshasharma189 2 года назад
Great work … it helped me a lot in my assignment 👏🏻
@codeforu4446
@codeforu4446 2 года назад
Thank you
@akritibali7064
@akritibali7064 Год назад
hi, i am following your tutorial to make lemonade stand web page , but i am very confussed .
@codeforu4446
@codeforu4446 Год назад
Here is the proper explanation of this project ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-P9-zbdMTwjM.html
@akritibali7064
@akritibali7064 Год назад
Thank you 😊
@ghinafaraj1975
@ghinafaraj1975 2 года назад
I clone your github, but the cart component is not working :( help
@codeforu4446
@codeforu4446 2 года назад
If you don't mind can you paste the error here.
@survivors-haven
@survivors-haven 2 года назад
Nice tut but you're wrong about uplifting 14:55
@patelkunjan2761
@patelkunjan2761 Год назад
very nice explanation.................👌👌👌👌👌
@codeforu4446
@codeforu4446 Год назад
Thanks and welcome
@genesisnunez3760
@genesisnunez3760 Год назад
Muchas gracias!🤗🤍🤍
@codeforu4446
@codeforu4446 Год назад
Thank you
@venuziabm6535
@venuziabm6535 2 года назад
Thanks for this video 😊
@machchanandhinis4130
@machchanandhinis4130 2 года назад
Item. amount? How
@maurom627
@maurom627 2 года назад
Jefferson Sales done a few but not there yet
@trannguyenanan5067
@trannguyenanan5067 2 года назад
Very helpful Video as always .
@codeforu4446
@codeforu4446 2 года назад
Glad it was helpful!
@M00nL1ght6
@M00nL1ght6 Год назад
Thank you bro! you save me :)
@facttechzforyou837
@facttechzforyou837 Год назад
You are just awesome 👏
@codeforu4446
@codeforu4446 Год назад
Thank you so much 😀
@blaqbrane8166
@blaqbrane8166 Год назад
Great work
@codeforu4446
@codeforu4446 Год назад
Thank you so much 😀
@blaqbrane8166
@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.
@lakshminarasimhan5639
@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
@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 - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FayTjjfpHdE.html
@1eieiejejdhrb2i2jehrhrhrjr5
@1eieiejejdhrb2i2jehrhrhrjr5 11 месяцев назад
i cant get nothing mankey
@gomathim9306
@gomathim9306 2 года назад
Image how to display?
@codeforu4446
@codeforu4446 2 года назад
I put the image link insider the "src" you can see on the github github.com/Ankit8969/React-shoping-cart
@rohitsathe850
@rohitsathe850 2 года назад
First u learn properly and showed the step by step code ..ur confused 😕, low confidence
@pujashyam8448
@pujashyam8448 2 года назад
awesome
@codeforu4446
@codeforu4446 2 года назад
Thank you
@chendathp10
@chendathp10 2 года назад
Thank you🥺🙏🙏🙏
@codeforu4446
@codeforu4446 2 года назад
You’re welcome 😊
@narasimhapalla3529
@narasimhapalla3529 Год назад
Thank you bro
@codeforu4446
@codeforu4446 Год назад
Welcome
@sandisk1301
@sandisk1301 2 года назад
what is database used?
@codeforu4446
@codeforu4446 2 года назад
For this I didn't use any database
@abhisekkumar2353
@abhisekkumar2353 Год назад
Bad tutorial.at last you have putted the code without showing how to do ...
@AliRaza-nm3eu
@AliRaza-nm3eu 2 года назад
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
@codeforu4446 2 года назад
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
@AliRaza-nm3eu 2 года назад
@@codeforu4446 sir kindly made full video so i can clear my concept ...its request ....you way of teaching is awesome ...so plz
@viekva
@viekva 2 года назад
Starts in 10:30
@ankitchauhan8682
@ankitchauhan8682 Год назад
bhai kya hai ye ehsaan kr rhe hai kya.
@codeforu4446
@codeforu4446 Год назад
@Ankit this was my first video, that's why I wasn't able to edit properly, Sorry for that
@codeforu4446
@codeforu4446 Год назад
Bro, here is the video for proper explanation ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-P9-zbdMTwjM.html
@akritibali7064
@akritibali7064 Год назад
kindly let me know how to contact you directly
@codeforu4446
@codeforu4446 Год назад
you can ask the query in comment section I will try to help you
@akritibali7064
@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
@akritibali7064 Год назад
Also for me it is not rendering on browser please help
@codeforu4446
@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
Далее
Every React Concept Explained in 12 Minutes
11:53
Просмотров 617 тыс.
Build a Shopping Cart With React JS & Stripe
1:16:28
Просмотров 112 тыс.
Best frontend and backend projects for resume
13:11
Просмотров 210 тыс.
The Story of Next.js
12:13
Просмотров 575 тыс.
Live Coding a Shopping Cart using React
31:32
Просмотров 77 тыс.
Most Beginner React Developers Do This Wrong
13:47
Просмотров 232 тыс.
If __name__ == "__main__" for Python Developers
8:47
Просмотров 400 тыс.