React_App_With_Stripe_Payment_Gateway
A simply configured React E-Commerce application with Node.js backend API and integrated with Stripe payment Gateway.
React_App_With_Stripe_Payment_Gateway
See the Project
The front end of the application will look like this.
To buy the item click on the BUY REACT AT JUST 10$
The Stripe payment dialog box will get open and it will ask you to fill in the details.
Fill in the sample details like email ID, name, address, pincode, country etc.
After filling the details, click on payment info Button.
It will prompt you to fill the card details!
Relax, for the testing purpose Stripe provides the sample card which we can use to test our payment gateway!
CARD NO: 4242 4242 4242 4242
EXPIRY DATE: 12/21
CVV: 123
after filling the card details, click on PAY US$ 10.00 Button!
after checking the credentials, the payment will be Succeed!
The checkmark will be shown in the Green Button, Means payment Sucessful!
Kudos to you!
The backend source code of this project is present in stripebackend/index.js file.
The frontend source code of this project is present in stripefrontend/src/App.js file.
In both directories /stripefrontend and /stripebackend run the command npm install to install the required dependencies and modules.
to run this project, First run the index.js file from the backend.
and then in another terminal, run the command npm start in the /stripefrontend directory.
The Web-App will be up and running on the localhost:3000