https://github.com/anand-lovewanshi/razorpay-payment-integration
This is a simple and functional Razorpay Payment Integration Project built using HTML, CSS, JavaScript, and Node.js (Express).
https://github.com/anand-lovewanshi/razorpay-payment-integration
expressjs html-css-javascript nodejs razorpay-payment-gateway
Last synced: 6 months ago
JSON representation
This is a simple and functional Razorpay Payment Integration Project built using HTML, CSS, JavaScript, and Node.js (Express).
- Host: GitHub
- URL: https://github.com/anand-lovewanshi/razorpay-payment-integration
- Owner: anand-lovewanshi
- Created: 2025-04-09T09:38:31.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-04-09T10:02:44.000Z (6 months ago)
- Last Synced: 2025-04-11T00:18:07.099Z (6 months ago)
- Topics: expressjs, html-css-javascript, nodejs, razorpay-payment-gateway
- Language: HTML
- Homepage: https://razorpay-payment-anand.netlify.app
- Size: 145 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💳 Razorpay Payment Integration
This is a full-stack Razorpay payment integration project built using **HTML, CSS, JavaScript**, and **Node.js (Express)**.
It allows users to make secure payments using the Razorpay Checkout system with backend support for dynamic order creation.
---
## 🚀 Live Demo
- 🌐 Frontend: [https://razorpay-payment-anand.netlify.app](#)
---
## 🧠 About This Project
This project is part of my learning journey in **full-stack development**.
It simulates a real-world payment flow by integrating Razorpay’s payment gateway, dynamically generating orders from the backend and showing the payment status on the frontend.
---
## 🛠 Technologies Used
- **Frontend**: HTML, CSS, JavaScript
- **Backend**: Node.js, Express
- **Payment Gateway**: Razorpay SDK
---
## ⚙️ How It Works
1. User clicks on the "Pay Now" button.
2. The frontend sends a POST request to the `/payment` API.
3. Backend uses Razorpay SDK to create an order with amount and currency.
4. Razorpay Checkout opens for user to complete the payment.
5. Payment status is shown (success or failure).