This is a simple React app built using Material-ui and integrated with Razorpay payment gateway. You can check out this project here.
- Clone this repository
git clone https://github.com/yksolanki9/payment-gateway- Install all dependencies
npm install- Start the React app.
npm start- Go to
http://localhost:3000on your browser and you can see the app running.
Follow these steps to use the test card details:
- Click on Donate button
- On the Checkout, select Card as the payment method.
- Enter the card details. This depends on the flow you are testing.
- Enter any random CVV.
- Enter any future date as the expiry date.
- Click Pay. A sample payment page is displayed.
- Click Success to make the payment successful.
- Click Failure to fail the payment.
| Card Network | Card Number | CVV | Expiry Date |
|---|---|---|---|
| Mastercard | 5104 0600 0000 0008 | Random CVV | Any future date |
| Visa | 4111 1111 1111 1111 | Random CVV | Any future date |
| Card Network | Card Number | CVV | Expiry Date |
|---|---|---|---|
| Mastercard | 5555 5555 5555 4444 | Random CVV | Any future date |
| Mastercard | 5105 1051 0510 5100 | Random CVV | Any future date |
| Visa | 4012 8888 8888 1881 | Random CVV | Any future date |
| Visa | 4000 1841 8621 8826 | Random CVV | Any future date |
Follow these steps to use the test card details:
- On the Checkout, select UPI as the payment method.
- Enter the UPI ID.
- Test payment success flow using success@razorpay.
- Test payment failure flow using failure@razorpay.
Yash Solanki - [email protected]
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent