https://github.com/hirishu10/payment-page-with-react-using-razorpay
Simple Payment Page with MERN dev using mongodb, react, express, node, razorpay, axios, etc.
https://github.com/hirishu10/payment-page-with-react-using-razorpay
axios express mongodb node payment payment-gateway payment-page razorpay react
Last synced: 7 months ago
JSON representation
Simple Payment Page with MERN dev using mongodb, react, express, node, razorpay, axios, etc.
- Host: GitHub
- URL: https://github.com/hirishu10/payment-page-with-react-using-razorpay
- Owner: hirishu10
- Created: 2022-03-01T17:09:26.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-08-26T12:42:05.000Z (about 2 years ago)
- Last Synced: 2025-01-17T03:12:10.044Z (9 months ago)
- Topics: axios, express, mongodb, node, payment, payment-gateway, payment-page, razorpay, react
- Language: JavaScript
- Homepage: https://payment-page-with-razorpay.netlify.app/
- Size: 988 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# payment-page-with-react-using-razorpay
**Website:** https://payment-page-with-razorpay.netlify.app/
Simple Payment Page with MERN dev using mongodb, react, express, node, razorpay, axios, API(Application Programming Interface), etc.
- [Overview](#overview)
- [Home Page](#home-page)
- [Try First](#try-first)
- [Scan QR Code](#scan-qr-code)
- [Payment Button](#payment-button)
- [Payment Page](#payment-page)
- [Payment Link](#payment-link)
- [Track Payment Details](#track-payment-details)
- [Mobile Test](#mobile-test)
- [API (Store-List)](#api-store-list)
- [Author](#author)
# Overview
> Process below ↓
> Payment
> Tracking Details
# Home Page
> Home screen of Payment page App ↓
> 
# Try First
##### Using Try First payment gateway you can track your details easily ↓
# Scan QR Code
> Pop up the QR-Code to pay directly the amount ↓
# Payment Button
> Payment Button ↓
**Website:** https://razorpay.com/payment-button/pl_J096ecINoT34H7/view/?utm_source=payment_button&utm_medium=button&utm_campaign=payment_button
# Payment Page
> Custom Page provided by razorpay ↓
**Website:** https://pages.razorpay.com/pl_J07wMiDyh8IvPZ/view
# Payment Link
> Payment Link ↓
**Website:** https://razorpay.com/payment-link/plink_J07uBezezHpiQ6/test
# Track Payment Details
> Payment Details Page ↓
> Tracking id valid ↓
> Tracking id unvalid ↓
# Mobile Test
| | |
| :---------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------: |
| 
| 
|
| 
| 
|
| 
| 
|
| 
| 
|
| 
| 
|
| 
| |
# API (Store-List)
> With the help of API we can push the data from server to the database collection ↓
> => API (Application Programming Interface):
-  - /api/create/order => Create new order receive the order_id
-  - /api/create/order/paymentdetail/Save => After successfully authorize the order the details may send for save into the server
-  - /api/trackpayment/details/:id => Provide the tracking id for fetch all the related details for the payment
# Author
#### Thank You All 🙏🏻
Made with 🖤 by
**Author** : [Rishu Chowdhary](https://github.com/hirishu10)
**Email** : hi.10rishu@gmail.com