Shopping Cart | React.js Project with explanation | Beginner

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ต.ค. 2022
  • 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...
    Data File - ide.geeksforgeeks.org/f5b8210...
    #react #project #webdevlopment #html #css

ความคิดเห็น • 48

  • @lilshrimp-eb1qc
    @lilshrimp-eb1qc ปีที่แล้ว +1

    thank you. this is very simple to understand not like the other 50 useless tutorials i watched

  • @Igor-vk8fl
    @Igor-vk8fl 2 หลายเดือนก่อน

    Straight to the point and simplified. Perfect for beginners. Thank you so much.

  • @pauladelowo7802
    @pauladelowo7802 4 หลายเดือนก่อน +1

    I really enjoyed your tutorial! I learned a lot from it. One thing I noticed is that when users add items to the cart and refresh the page, the cart empties out. It would be great if the items stayed in the cart even after refreshing, making the shopping experience smoother. You could achieve this by using local or session storage. Thanks again for sharing your knowledge!

  • @tanmayhedau5342
    @tanmayhedau5342 ปีที่แล้ว +5

    Awesome video bro please make more such small projects videos on react and even on mern stack under 30 mins or 40 mins whatsoever.. please it's a request

  • @sufianrahim5185
    @sufianrahim5185 ปีที่แล้ว

    Thank you, good presentation!

  • @slader_2027
    @slader_2027 ปีที่แล้ว

    Thank you. I would like to see a video where you make a choice for this mini online store by product category

  • @juleeroy2712
    @juleeroy2712 ปีที่แล้ว

    Thank you ..its a nice video good explanation

  • @itaymeir100
    @itaymeir100 ปีที่แล้ว

    thank you bro, it's helps me a lot with my study

  • @mrtherapy309
    @mrtherapy309 7 หลายเดือนก่อน

    Thanks so much bro. works like a charm

  • @infinitystudiosss
    @infinitystudiosss ปีที่แล้ว +1

    You saved a lot of time of mine, I've been stressing a lot bcz of cart functionality not working on my project, thanks a lot again

  • @20_omkar_kadu57
    @20_omkar_kadu57 ปีที่แล้ว

    amazing for beginners

  • @aniketgupta1577
    @aniketgupta1577 ปีที่แล้ว

    sir this is really good and well manner to teach a react principles to build any application nd plz create one more video of ecommerce website in react without using background song .... build with ur proper explaination and im subscribing ur chanel

  • @Larissazzzz
    @Larissazzzz ปีที่แล้ว

    Thank you so much! ;)

  • @WildJauntWithRizwan
    @WildJauntWithRizwan 10 หลายเดือนก่อน

  • @duraimurugan3837
    @duraimurugan3837 ปีที่แล้ว

    keep rocking..

  • @a.p.p623
    @a.p.p623 ปีที่แล้ว +2

    thank you for lesson

  • @R.NaWaB_9909
    @R.NaWaB_9909 ปีที่แล้ว

    ❤❤❤❤

  • @Fri_tas
    @Fri_tas หลายเดือนก่อน

    thanks 😇

  • @happypundir825
    @happypundir825 ปีที่แล้ว

    Sir , how to add more product variants in this single cart

  • @jadigerturganbaev3473
    @jadigerturganbaev3473 ปีที่แล้ว

    Thank you! Great Job!

  • @rabeehMadathil001
    @rabeehMadathil001 ปีที่แล้ว

    thank you so much

  • @amolpawar1089
    @amolpawar1089 5 หลายเดือนก่อน

    If we have limited stock of some products how can we mange with quantity????

  • @taufanaziesamudra8325
    @taufanaziesamudra8325 ปีที่แล้ว

    Thanks brooo

  • @haibova_irisha
    @haibova_irisha ปีที่แล้ว

    Thank you.!!!!!!!!!!!!!can u make video using ts ,RTk ,RTK query ?

  • @azlanmalik7606
    @azlanmalik7606 5 หลายเดือนก่อน

    Good sir what type of developer would you? ❤

  • @RaviKiran-lg2bq
    @RaviKiran-lg2bq ปีที่แล้ว

    Sir, what to do if we have to generate an popup or alert, if the products in cart is more than 5

    • @RaviKiran-lg2bq
      @RaviKiran-lg2bq ปีที่แล้ว

      Please respond sir.., where I have to use the if else

    • @codeforu4446
      @codeforu4446  ปีที่แล้ว

      @@RaviKiran-lg2bq create a new alert message and place that where you want to see by using css and by using state you can show

  • @prasunapattem9002
    @prasunapattem9002 3 หลายเดือนก่อน

    hi sir, for me this type of error came sir " item is not defined". kindly reply

  • @aynurabliz2239
    @aynurabliz2239 ปีที่แล้ว

    I followed every detail but some functions not working. for example the remove button work but price calculation part not working.😔

    • @codeforu4446
      @codeforu4446  ปีที่แล้ว +1

      Bro, it should work,
      I also attached my GitHub code in the description you should compare it with your code

    • @saranyasingh6847
      @saranyasingh6847 ปีที่แล้ว

      @@codeforu4446 I compared my code with your github code.Its same but still total calculation thing is not working , Can you please it again and help fix it

  • @MuhammadUsama-de8ym
    @MuhammadUsama-de8ym 4 หลายเดือนก่อน

    sir thori screen zoom hoti to humyn kuch idea hojata apny kia code likha ha

  • @SouvikDas-fs7ii
    @SouvikDas-fs7ii 2 หลายเดือนก่อน

    Program run karne ke bad "item is undefined" bata raha hain so kyaa karu sir??
    😅😅😅😅

  • @animedevilreaper3693
    @animedevilreaper3693 11 หลายเดือนก่อน

    bhai code thoda zoom kar deta 😥

  • @rjramu6676
    @rjramu6676 ปีที่แล้ว

    Item.price * item.amount -> nan ???

    • @codeforu4446
      @codeforu4446  ปีที่แล้ว

      try to convert to Int and then calculate
      or may be price or amount got undefined,
      because of this you are getting NaN
      please check once

  • @user-pw5jn5sr6s
    @user-pw5jn5sr6s ปีที่แล้ว

    bhai mic ko thoda muh se dur kr le