mukulrajpoot262610 / instapayments

InstaPayments

A user-friendly and RESPONSIVE checkout experience.

🛠️ Installation Steps:

1. Clone the repo

git clone https://github.com/mukulrajpoot262610/instapayments.git

2. Install necessary dependencies

npm install

3. Add Environment Variables

cp .env.example .env.local

4. Run the Dev Server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

How to get env variables

• Go to Cashfree Payments and generate test id NEXT_PUBLIC_CF_CLIENT_ID, secret key NEXT_PUBLIC_CF_SECRET_KEY and base url NEXT_PUBLIC_CF_BASE_ENDPOINT.

💻 Built with

Technologies used in the project:

• Next.js
• Tailwind
• Shadcn UI
• Cashfree Payments
• Vercel

Data for Testing

UPI VPA ( Virtual Payment Address )

• testsuccess@gocash for Success Simulation
• testfailure@gocash for Failure Simulation

UPI QR

• Scan QR code and simulate accordingly.

CARDS

Name	Card Number	Expiry Date	CVV/CVC	Scheme
Mukul	4706131211212123	03/28	123	Visa
Mukul	5409162669381034	03/28	123	Master Card
Mukul	6074825972083818	03/28	123	RuPay

Screenshots

Delivery

Payment

Order Complete

Deployment

Project is deployed on Vercel. Open https://instapayments-mukul.vercel.app with your browser to see the result.