A user-friendly and RESPONSIVE checkout experience.
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.
- Go to Cashfree Payments and generate test id
NEXT_PUBLIC_CF_CLIENT_ID
, secret keyNEXT_PUBLIC_CF_SECRET_KEY
and base urlNEXT_PUBLIC_CF_BASE_ENDPOINT
.
Technologies used in the project:
- Next.js
- Tailwind
- Shadcn UI
- Cashfree Payments
- Vercel
testsuccess@gocash
for Success Simulationtestfailure@gocash
for Failure Simulation
- Scan QR code and simulate accordingly.
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 |
Project is deployed on Vercel. Open https://instapayments-mukul.vercel.app with your browser to see the result.