Stripe Payment Integration - React and Node.js E-Commerce

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ต.ค. 2024

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

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

    There are some issues with including the cartItems at the metadata. For now I recommend that you pass an empty array as cartItems. I am also preparing an admin dashboard video, I will make sure to also update you on everything concerning the cartItems, so that we can include them when creating an order. For now follow everything as it is but let cartItems be just an empty array.

  • @Dhanushsaji
    @Dhanushsaji ปีที่แล้ว +7

    I searched youtube for hours for a beginner-friendly stripe integration.. This is what I wanted. Thank you...
    You earned a subscriber...🥂🥂❤❤

  • @hesbonobare2184
    @hesbonobare2184 ปีที่แล้ว +2

    This might be the best Kenyan coding channel that I have come across . Thumbs up 👍

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

    Wowwwww!!! i have been finding this video for stripe from long time ago and finally i got it. love you man appreatiate a lot.

  • @chrisqiuu
    @chrisqiuu ปีที่แล้ว +3

    thanks man, THIS is the PERFECT tutorial for stripe checkout and the BEST I have watched so far. You saved my project. I was using sandbox paypal integration but they have lots of errors. And then I saw this tutorial, it saved my project. Thank you so much. You just earned another subscriber!

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

      🙌 I'm glad it was helpful

  • @abrehamtilahun4820
    @abrehamtilahun4820 7 หลายเดือนก่อน +1

    Thanks a lot Chaoo charles from your African brother, keep it up

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

    Awesome tutorial, I am having an issue, Once I go to checkout and back without paying its not showing any transactions with incomplete? is that a new feature? or any error
    Only showing the succeededs

  • @mustafabursal6101
    @mustafabursal6101 2 ปีที่แล้ว

    just enough details, not more not less.. subscribed bro!

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

    i cant really appreciate you, you did a great job thank you

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

    Thank you very much for this! Appreciate your effort and this tutorial is amazing and very easy to understand! ❤

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

    Thank you very much for helping me with my e-commerce project

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

    Thank you very very much it’s a full and enough stripe tutorial very handy

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

    Hey man, there is a problem when I save order into DB while I use mongoDB product to make order,
    when I make order it dose not store the image and id of the product into mongoDB,
    could you please help me

  • @Abram-gb3ij
    @Abram-gb3ij 10 หลายเดือนก่อน

    a question in the slices/api file that you have put and what it is for?

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

    stripe checkout form not showing should i install to react ‘stripe.js’

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

    Sir I am using real cards in test more . What error message should it show.

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

    Such a great job you did here..how about other payment gateway since I am unable to use stripe at the moment in Nigeria and secondly how can I arrange my products in categories and display them on their individual components... Thank you once more and God bless you

  • @edu-x4h
    @edu-x4h 21 วันที่ผ่านมา

    Do you have a video for daraja api intergration. Help with the link please?

  • @shahzaibahmed-m2g
    @shahzaibahmed-m2g ปีที่แล้ว +1

    Brother, I am using the same project, but for some reason the images are not showing up on the stripe payment screen, I tried to log the images content, but i was getting 'undefined'. Please look into this request. Thank you

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

      Did you ever find a solution?

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

    I also want the order details to be stored in mongodb after payment is completed successfully how do i do that?

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

    Finally 😃 I have been waiting for this!

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

    hey bro please help me .. when we click on checkout automatic total is coming.. but I want to add extra 3.70$ in subtotal how can I add that. 3.70 is a service charge

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

    Hi Chaoo Charles, thank you for your tutorial, your explanation is really good

  • @MicahFishel
    @MicahFishel 2 ปีที่แล้ว

    Everything made perfect sense! Do you know how I should upload my project to cPanel? Having a NodeJS Backend and a react frontend makes it kinda hard. Any help is appreciated thx!

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

    Bro, there's something wrong with the sound in the video, I can't hear any sound from the right side of the headset.

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

    Lots of love ❤️ from Nigeria 🇳🇬 @charles 🇰🇪

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

      @@onigbindedavid6630 ❤️❤️

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

      @ChaooCharles please I have a question on this, how can we send the receipt of order created to the customer ??? Immediately the payment is successful or failed

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

      Via email

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

    Good tutorial 👍,KE all the way 🎉

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

    I got this problem could someone help me please?
    Uncaught TypeError: Cannot read properties of undefined (reading '_id')

  • @wanfer09lan42
    @wanfer09lan42 2 ปีที่แล้ว

    Sos el mejor Chao Saludos desde argentina !

  • @_Dipanshukhetawat
    @_Dipanshukhetawat 2 ปีที่แล้ว

    How to apply api call on add to cart button ?
    Please make video

  • @MatthewLong-ot3hh
    @MatthewLong-ot3hh ปีที่แล้ว

    Awesome tutorial! Thanks

  • @AbdulQayyum-qe4qz
    @AbdulQayyum-qe4qz 2 ปีที่แล้ว

    HI its happy to learn from this vedio butt there is one big issue for me . after the session has been created and it redirect the user to payment page and at the same time i want to save oorder in mongo db after paymentt successful ,now suppose our session in created and order is daved in db and user in redirected to session url and if user click on back buttom our payment is cancled and user is redirected automatically to cabcel page and notice one thing our oder is saved in db and payment is not completed yet ,i just want to create order after payment successfull

    • @ChaooCharles
      @ChaooCharles  2 ปีที่แล้ว

      Try stripe webhooks, try next part of this video

    • @AbdulQayyum-qe4qz
      @AbdulQayyum-qe4qz 2 ปีที่แล้ว

      @@ChaooCharles oky start it now

    • @ChaooCharles
      @ChaooCharles  2 ปีที่แล้ว

      th-cam.com/video/_TVrn-pyTo8/w-d-xo.html check that link,

    • @AbdulQayyum-qe4qz
      @AbdulQayyum-qe4qz 2 ปีที่แล้ว

      I see this vedio butt how /webhook api is called after session payment completed ?

    • @ChaooCharles
      @ChaooCharles  2 ปีที่แล้ว

      @@AbdulQayyum-qe4qz webhook listens to stripe events, you can make it listen to a successful payment and then create order after that

  • @shakilahmed6870
    @shakilahmed6870 ปีที่แล้ว +18

    My right ear is felling so alone

    • @SanjuKumar-hk8yy
      @SanjuKumar-hk8yy ปีที่แล้ว +1

      I was thinking my right earbuds has been spoil but not.🤣🤣🤣

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

      I had to see for my self. Damnn 😭

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

      hahahahahaahahh

  • @aponsaha5957
    @aponsaha5957 2 ปีที่แล้ว

    metadata string length for customer is 500 at max.
    what is best way to keep cart data other than metadata when cart items are larger than expected ?

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

      For now pass an empty array, I found out that we can get the cartItems from line Items. I'm preparing another video where I will update everything to avoid these errors. But meanwhile you can check this article stripe.com/docs/api/checkout/sessions/line_items

    • @aponsaha5957
      @aponsaha5957 2 ปีที่แล้ว

      @@ChaooCharles Thanks man, appreciate it. Looking forward to your next video.

    • @ChaooCharles
      @ChaooCharles  2 ปีที่แล้ว

      @@aponsaha5957 okay, but might take a while coz I'm also covering the admin dashboard

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

    You're the best 👌👌

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

    Dude you are awesome!

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

    Thanks a lot for this tutorial!

  • @patil-manish
    @patil-manish 2 ปีที่แล้ว

    Great 😊 Bro!! Keep it up 🙂

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

    great work

  • @darx9050
    @darx9050 2 ปีที่แล้ว

    This is gold, thanks 👍

  • @vinayprince6267
    @vinayprince6267 2 ปีที่แล้ว

    Awesome job explaining is good 👍

  • @lolashepota4050
    @lolashepota4050 2 ปีที่แล้ว

    Thank you so much! Well done!!!

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

    How I can retrieve the data after payment

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

      Check next video, you can use webhooks

  • @KristijanStosic
    @KristijanStosic 2 ปีที่แล้ว

    Thank you so much, this helped only !

    • @ChaooCharles
      @ChaooCharles  2 ปีที่แล้ว

      You're welcome 😊

    • @KristijanStosic
      @KristijanStosic 2 ปีที่แล้ว

      @@ChaooCharles Can i contact you privately i need some help with stripe and orders

    • @ChaooCharles
      @ChaooCharles  2 ปีที่แล้ว

      @@KristijanStosic a bit busy at the moment, but I'm on twitter @chaoocharles

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

    very good!

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

    Thank you sir

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

    Subscribed

  • @_Dipanshukhetawat
    @_Dipanshukhetawat 2 ปีที่แล้ว

    Client url ?

  • @kamichikora6035
    @kamichikora6035 2 ปีที่แล้ว

    Good stuff

  • @NandlalSaw-y1k
    @NandlalSaw-y1k 11 หลายเดือนก่อน

    Thanks

  • @Oluwadedemilade.
    @Oluwadedemilade. 2 ปีที่แล้ว +1

    I have watched and implemented basically all your build
    Is it possible i have your contact details in other to reach out when i have a problem with my personal build..this will mean alot🙏

  • @Kenz-zs8in
    @Kenz-zs8in 8 หลายเดือนก่อน

    Confused... How many people have been successful by following this video? even the source code has much more than that to make this work...😕

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

    tks so much

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

    Thank you

  • @jarvisai6917
    @jarvisai6917 2 ปีที่แล้ว

    Can you share your vscode theme?

  • @tmomar6910
    @tmomar6910 2 ปีที่แล้ว

    Great works

  • @omargbreil-re5nn
    @omargbreil-re5nn 6 หลายเดือนก่อน

    thanks

  • @rohithn-76
    @rohithn-76 7 หลายเดือนก่อน

    No github code

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

    I thought my headphones aren't working after checking out I found out that you has a problem in the sound , man fix your audio I almost messed my headphones cuz of this video

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

    is the payment real or dummy

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

      This is on test mode, so it's dummy

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

    super super

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

    do mpesa intergration pls

  • @syydsalman
    @syydsalman 2 ปีที่แล้ว

    thanks my nigga, I appreciate your work

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

    you provide code of something else

  • @Sky-yy
    @Sky-yy 2 ปีที่แล้ว

    There's no voice

    • @ChaooCharles
      @ChaooCharles  2 ปีที่แล้ว

      Voice is there. Check your settings!

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

    Expecting login using instragram ,facebook and gmail tutorial

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

    Hi My images are not showing in the checkoutpage