A simple and secure integration of the Razorpay payment gateway using React.js, Node.js, Express.js.
Feature | Description |
---|---|
π Frontend UI | React-based interface to test the payment flow |
π Secure Order Creation | Backend securely creates payment orders using Razorpay API |
π³ Checkout Integration | Clean, responsive UI to accept card, UPI, or wallet payments |
β Payment Verification | Validates payment signature after successful checkout |
Technology | Description |
---|---|
Node.js, Express | Backend API, order creation, and payment verification |
React | Frontend UI for initiating payments |
Razorpay Node SDK | Official SDK for interacting with Razorpay APIs |
git clone https://github.com/KrishBharadwaj5678/rzp-integration.git
cd rzp-integration
cd backend
npm install
- Update the
.env
file inside thebackend
folder with your Razorpay keys:
RAZORPAY_KEY_ID=your_key_id
RAZORPAY_KEY_SECRET=your_key_secret
- Start the backend server:
npm run dev
The backend server will run on http://localhost:8000
.
Open a new terminal, then:
cd frontend
npm install
npm run dev
- Open your browser and visit the frontend URL.
- Try making a test payment through the Razorpay checkout interface.