4 years old video and it still gives a super useful introduction to how this works! Especially because it will help you to understand the official Stripe provided integration code with backend and frontend. I followed the steps, and everything is still valid (Only thing i had to modify was const { v4: uuid } = require("uuid"); in backend). Perfect balance between teaching what's going on and follow along coding. Also like that you point the learner to the npm package documentations. It helps a lot to read those even if its just a short peek!
this is the most simplified reaction and stripe tutorial i have ever seen. the other teachers i have encountered make it so complex over nothing. thanks a lot hitesh
Most complete and simple tutorial on Stripe Payment Gateway you can ever find covering each bit of things. Thank u so much, sir. You earned my respect.
Hey man just wanted to say that this video saved my life. Tried to get a grasp of backend development simultaneously making a project where some kind of credit card payment was necessary, yet really struggled in the process, this really helped to brighten everything up. Thank you very very much!
Ohh bahi.. This is the best video on React. I was struggling to find right video which explains end to end even if it means simple feature implementation. Tired of those videos that explain just loops, keywords, etc
Good timing , I'm also included to you seen 4+ years, last completed react.js studying react native, Next node.js for backend. Today's Designed a react native app. I wanna say that it’s a serprize tutorial for me, thanks a lot sir 💖💖💖
Cool, i have to integrate stripe in one of project, so i need to do a POC on stripe. Thanks a lot man for that such kind of cool video. This help me alot to understand stripe.
how can you undersatnd all this from reading the documentation. great easy video but i really want to start reading the docs to these things better and i don't really see ANY results on the documentation that look ANYTHING like this code ...
Finally something I wanted much at this time,i am already working on a restaurant website and only work left was to integrate payment gateway option. This will help me a lot. I thank you
you can create the react app after creating the folder.. just go into that folder and give this command "create-react-app . " (with just a dot after it) and it will create all node_module and stuff on the current dir without creating a new dir.
great job. to add, are you are that the stripe customers api doesn't self check if the customer already exists, wether it does on not stripe creates another customer with he same email address..... this is more a burden if you use the stripe prebuilt checkout version.
I think for developers in India, you need to use 'inr' for currency. If you choose to use 'usd' you will have to add few more details for the customer ( name and address). If you proceed with 'inr', you will be able to see a successful payment in your dashboard.
47:00 Could you please explain why the payments are not reflecting in the stripe dashboard? Another one of my test projects are logged as v1/charges, while this project simply logs as v1/tokens
STRIPE API AUTHENTICATION ERROR I used to get a stripe API key authentication error => StripeInvalidRequestError: You cannot accept payments using this API as it is no longer supported in India. How can I solve this one?
Your comment are highlighted and in written in a specific format Can you make a crash course how to comment , document nodejs app/routws and react app as well
There is one thing I don't understand. We sperate the frontend and the backend so that we protect our data in the backend. How can we protect the data from the backend when we inject the frontend data vai req into our backend?
On the Front-End the "react-stripe-checkout" library is legacy and I get a Warning in the console "You’re using the legacy version of Stripe Checkout."
I would suggest watchers use "react-stripe-js" instead of "react stripe checkout" since the latter is not the official library and its latest version was published 3 years ago (so expect no support). React stripe js is the official library developed and maintained by stripe devs. Hitesh should have made us aware of the official react library for stripe instead of getting away with a cheaper library just because its syntax is easy.
if anyone is trying to get the payment to show up in the stripe dashboard. Remove the shipping and address lines from index.js. That did it for me. I also changed the : // .then(result => res.status(200).json(result)) to: .then(result => res.status(200).send({ success: result })) in the same file.
After installing "react-stripe-checkout" terminal is showing critical and high vulnerabilities in packages (even npm audit fix doesn't help). Is it really safe ?
Hi Hitesh, thanks for this video. I have gone through the steps you have mentioned in it but getting 404 error. Response is being shown in console but status is undefined. I tried to check your file on your site but could not find them. Please provide exact path. I want to verify my code to know the gap. One question, how stripebackend is connected with stripefronend project? I set log in app.post in stripebackend but it is not appearing in log. Seems not hitting this method. Thanks.
Please make some videos on payment gateway like GPay and Paytm. if possible please make on Reactjs. There is no video that is working correctly. all of them are outdated. even 2 months back. Paytm has updated their API. for me it is difficult to understand
Do I have to use always this third part services as "Stripe, Paypal, ...." ? Can I only have my own way of payment using Visa or Mastercard for not having to use Stripe or other for example?
I'm always getting Invalid API Key provided. The customer is created but the charge fails with this error. the keys are correct, that's why the payments are not displayed in strip dashbaord
Hi Hitesh, I'm very happy to say that I have explored more things from your vedios. It's really awesome. Can you please make vedio for bluesnap payment gateway for Local bank transfer, credit card, debit card in NodeJs with express JS. I have searched a lot but still I can't get the exact idea about it. So can you please make vedio for bluesnap based payment gateway in NodeJs with ReactJS,Thank you.
Hello sir, I had an important question. Is that legal to make an app on self-help books like think and grow rich? I mean just copy the ebook into the app and put ads and make money.
I need a help and advice. The Stripe plugin by Woocommerce do not accept International Payments for Indian merchants. Payment Intent failure is coming. I contacted Stripe and they adviced to add some coding lines for Indian export. 1. Is it possible to edit php file of stripe plugin made by woocommerce and run it successfully and accept international payments? 2. I do not know coding. Then how to do that. Both woocommerce and stripe told me that they will not do any coding help for me. 3. I cannot accept payment through Wpform and Stripe integration as I sell ebooks through woocommerce which will only be availabe to download after payments, automatically. 4. Though I use Paypal but many countries do not have PayPal and some do not have PayPal account also. 5. Stripe is the best option. Believe me it is a serious problem for Indian merchants who want to accept International Payments. And the interesting part is even the Stripe support do not have proper idea about the problem I am talking about. I will be obliged of anyone help or give me proper advice for Stripe. Regards
4 years old video and it still gives a super useful introduction to how this works! Especially because it will help you to understand the official Stripe provided integration code with backend and frontend.
I followed the steps, and everything is still valid (Only thing i had to modify was const { v4: uuid } = require("uuid"); in backend).
Perfect balance between teaching what's going on and follow along coding. Also like that you point the learner to the npm package documentations. It helps a lot to read those even if its just a short peek!
this is the most simplified reaction and stripe tutorial i have ever seen. the other teachers i have encountered make it so complex over nothing. thanks a lot hitesh
Hey , can you tell me how to get success message in mail after payment ?
Most complete and simple tutorial on Stripe Payment Gateway you can ever find covering each bit of things. Thank u so much, sir. You earned my respect.
Hey , can you tell me how to get success message in gmail after payment ?
Hey man just wanted to say that this video saved my life. Tried to get a grasp of backend development simultaneously making a project where some kind of credit card payment was necessary, yet really struggled in the process, this really helped to brighten everything up. Thank you very very much!
After 3 useless tutorials on adding payment gateway in react node , this is the one valuable , thnx Hitesh sir
Wonderful tutorial! Thorough without being over-complicated. You are very skilled as an educator!
Wish we have more elite-class Crash Course like this from this channel. The best programming channel in TH-cam.
Love this channel 😘
not the best, but one of the best
Hey , can you tell me how to get success message in gmail after payment ?
thanks a lot mr Hitesh, this channel been my reference as building real apps with the modern technology
please make a updated video on this topic
Very nicely done! Congrats. Easy to implement and clear right from the start. Your video helped me tons in implementing Stripe in a similar fashion.
Thanks hitesh
Watched many videos on integration of stripe with react and express
but this only works and doesn't give any errors
Thankyou
Subscribed
This video is really helpful and exactly what I needed to get started on this, thank you for the clear explanations and hard work put into this!
Ohh bahi.. This is the best video on React. I was struggling to find right video which explains end to end even if it means simple feature implementation. Tired of those videos that explain just loops, keywords, etc
Thank you so much 😀
Good timing , I'm also included to you seen 4+ years, last completed react.js studying react native, Next node.js for backend. Today's Designed a react native app. I wanna say that it’s a serprize tutorial for me, thanks a lot sir 💖💖💖
Cool, i have to integrate stripe in one of project, so i need to do a POC on stripe. Thanks a lot man for that such kind of cool video. This help me alot to understand stripe.
how can you undersatnd all this from reading the documentation. great easy video but i really want to start reading the docs to these things better and i don't really see ANY results on the documentation that look ANYTHING like this code ...
Bro, can you do a video on paytm integration with the MERN stack please...
I need that too
I just admire your way of doing sessions and speaking and guiding and what not. Much love and respect❤
Hey , can you tell me how to get success message in gmail after payment ?
Sir your videos are really helpful and content-rich. It would be great if you can make a video on RazorPay with ReactJS and NodeJS
Please make video on implementation of razorpay in mern project.
Finally something I wanted much at this time,i am already working on a restaurant website and only work left was to integrate payment gateway option. This will help me a lot. I thank you
Yes sir ^ infinity 😇..... We love you every course sir, they have more quality than premium courses
you can create the react app after creating the folder.. just go into that folder and give this command "create-react-app . " (with just a dot after it) and it will create all node_module and stuff on the current dir without creating a new dir.
Best TH-cam channel,content is awesome
Need more from you sir.....
Why is it so that LCO is powered by php not by node or danjgo?
great job. to add, are you are that the stripe customers api doesn't self check if the customer already exists, wether it does on not stripe creates another customer with he same email address..... this is more a burden if you use the stripe prebuilt checkout version.
I think for developers in India, you need to use 'inr' for currency. If you choose to use 'usd' you will have to add few more details for the customer ( name and address). If you proceed with 'inr', you will be able to see a successful payment in your dashboard.
47:00 Could you please explain why the payments are not reflecting in the stripe dashboard? Another one of my test projects are logged as v1/charges, while this project simply logs as v1/tokens
Change currency from ''USD'' to '' INR''
What's the color theme that you are using? I would love to use it too.
RGB(59,40,0)
Which theme
@@TechwithLaughter Hey , can you tell me how to get success message in mail after payment ?
@@hozas8553 Hey , can you tell me how to get success message in mail after payment ?
why do we have to return the stripe.customers.create() promise from the "/payment" request handler function ?
STRIPE API AUTHENTICATION ERROR
I used to get a stripe API key authentication error => StripeInvalidRequestError: You cannot accept payments using this API as it is no longer supported in India. How can I solve this one?
Your comment are highlighted and in written in a specific format
Can you make a crash course how to comment , document nodejs app/routws and react app as well
Any guesses about that Vs Code theme? I loved that :)
Yes which theme
Thank you so much ...I am really about this course because this payment gateway was really hard for me to get ...thak you sir...
🙏🙏
This was a lot of help. Thanks!
Thanks. I implemented it. Working awesome-ly
This is at the next level, awesome
What theme are you use in VS code Hitesh sir
Thank you Hitesh for this video! :)
Exactly when i needed it 🤩 what a timing sirji 😅🙏🙏
Hey , can you tell me how to get success message in gmail after payment ?
at 21:53 for inr also we have to multiply by 100
yes sir more payment gateway integrations and sir please also on integrating other important parts Thankyou sir The best youtube channel
There is one thing I don't understand. We sperate the frontend and the backend so that we protect our data in the backend. How can we protect the data from the backend when we inject the frontend data vai req into our backend?
Best video ever but question why the balance dont show the money i got like yours?Did you find out?
This was great Hitesh! Do you have resources for Stripe Payout and NODE, if so, please lmk! Tysss for this.
What vs code theme is he using? It's great.
try theme - shades of purple
with
peacock extension - red colour
This is a great tutorial on Stripe. It would be awesome if you did a node react tutorial on subscription payments too. 😁
Kk
On the Front-End the "react-stripe-checkout" library is legacy and I get a Warning in the console "You’re using the legacy version of Stripe Checkout."
Good choice sir, I really love this video... Hope you will make these type of project based courses..
Paid or free.. no problem.. take my money 😀
Just completed ReactJs and this comes thanks, sir
+1
The keys are not hidden on the front end, before React App builds, it injects the keys into the code.
I would suggest watchers use "react-stripe-js" instead of "react stripe checkout" since the latter is not the official library and its latest version was published 3 years ago (so expect no support). React stripe js is the official library developed and maintained by stripe devs. Hitesh should have made us aware of the official react library for stripe instead of getting away with a cheaper library just because its syntax is easy.
Maybe that's why I'm getting so many vulnerabilities here
Tell me information of office between the later off making in records for in js was noting
Is it possible to integrate stripe net banking woth node ... you showed us only card integration
Can you please make a video on kubernetes, just as you made one on docker. It was very easy to understand.
Hey , can you tell me how to get success message in gmail after payment ?
if anyone is trying to get the payment to show up in the stripe dashboard. Remove the shipping and address lines from index.js. That did it for me. I also changed the :
// .then(result => res.status(200).json(result))
to:
.then(result => res.status(200).send({ success: result }))
in the same file.
ITS NOT WRKING BRO
Which theme are you using for vscode?
Sir please also try to update to your existing react course . It is bit out dated.
hello sir, what will you say about headless wordpress with react??
Please make Payment Integration video on Node.js - ReactJS - PayTM/Razorpay.
After installing "react-stripe-checkout" terminal is showing critical and high vulnerabilities in packages (even npm audit fix doesn't help). Is it really safe ?
Hi Hitesh, thanks for this video. I have gone through the steps you have mentioned in it but getting 404 error. Response is being shown in console but status is undefined. I tried to check your file on your site but could not find them. Please provide exact path. I want to verify my code to know the gap. One question, how stripebackend is connected with stripefronend project? I set log in app.post in stripebackend but it is not appearing in log. Seems not hitting this method. Thanks.
Sir your explanation is good but to secure your payments , you have to store product price not at a client client but on the server side
Sir, Which theme you are using in vscode?
Waiting For React Crash Course Sir thx for giving this vedio Love From Delhi Ncr Sir
Reactjs crash course is already there.
th-cam.com/video/nvHeB32ICDM/w-d-xo.html
Can you guide similarly for airpay, please?
which VSCODE theme you are using ???
Is the express.json() thing the same as body parser?
commenting here even before watching the video, Sir you are genius
can you make a crash course on quickbooks?
Please make some videos on payment gateway like GPay and Paytm. if possible please make on Reactjs. There is no video that is working correctly. all of them are outdated. even 2 months back. Paytm has updated their API. for me it is difficult to understand
Hey Hitesh Sir! Lovely video once again! I would really appreciate if you make a crash course on DATA STRUCTURES! Plzzz. 💜
Hey Hitesh, How to Get This VSC Theme its Dope.
Can you push your application to heroku from a private github repository?
Do I have to use always this third part services as "Stripe, Paypal, ...." ? Can I only have my own way of payment using Visa or Mastercard for not having to use Stripe or other for example?
good luck! haha. would be quiiiiite a lot of work
Thanks, really helpful. btw you need not to delete the stripefrontend folder...you could have have just cd into it and run "npx create-react-app ."
How do you save card for later use?
thanks
How can we set that the price is to finalized by user.
I am getting stripeauthentication error , I have pasted secrete key on backend and publish key on front end but still getting the error
Sir not bad but how to customer payment details show in react js 😢
Can you please also make react firebase stripe integration. Thanks in advance
we want more payment gateway video. thank you...
Hi,
I am not able to find the code files.
can you make some video on GoCardless with Node and React
Thanks, Hitesh 👍
This man is ❤❤❤
Thanks a ton for your efforts, where are you located in India or USA ?
India
I'm always getting Invalid API Key provided. The customer is created but the charge fails with this error. the keys are correct, that's why the payments are not displayed in strip dashbaord
Hey , can you tell me how to get success message in mail after payment ?
can make a video on RazorPay with ReactJS and NodeJS
Hi Hitesh, I'm very happy to say that I have explored more things from your vedios. It's really awesome. Can you please make vedio for bluesnap payment gateway for Local bank transfer, credit card, debit card in NodeJs with express JS. I have searched a lot but still I can't get the exact idea about it. So can you please make vedio for bluesnap based payment gateway in NodeJs with ReactJS,Thank you.
can you make the chapa payment gateway??
Why I can't see any option to create a new key
Hello sir, I had an important question.
Is that legal to make an app on self-help books like think and grow rich?
I mean just copy the ebook into the app and put ads and make money.
Hell No!!!!
on Razorpay please 🙏🙏🙏
How to implement for 3D secure card?
I need a help and advice. The Stripe plugin by Woocommerce do not accept International Payments for Indian merchants. Payment Intent failure is coming. I contacted Stripe and they adviced to add some coding lines for Indian export.
1. Is it possible to edit php file of stripe plugin made by woocommerce and run it successfully and accept international payments?
2. I do not know coding. Then how to do that. Both woocommerce and stripe told me that they will not do any coding help for me.
3. I cannot accept payment through Wpform and Stripe integration as I sell ebooks through woocommerce which will only be availabe to download after payments, automatically.
4. Though I use Paypal but many countries do not have PayPal and some do not have PayPal account also.
5. Stripe is the best option.
Believe me it is a serious problem for Indian merchants who want to accept International Payments.
And the interesting part is even the Stripe support do not have proper idea about the problem I am talking about.
I will be obliged of anyone help or give me proper advice for Stripe.
Regards
Does somebody have a different link to download this project as the link mentioned above in the description is not working?
Please do google and facebook authentication with react with outh
Where can i find the source code of this project to have a try?
Thank youy so much, it helped alot
Sir pls do video on Neptune community (PL9)
Where is the GitHub Repository