Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Razorpay integration in React" | Hashnode

Feed/

Discussion

Anirudh Jwala

i often forget dates. so, i better write down

Jan 26, 2021

Razorpay integration in React

In this guide, we will briefly discuss how to add Razorpay as a mode to accept money from users on a React based website. The project stack discussed here is only in JavaScript. Before we proceed, I highly encourage you to watch these two videos to u...

blog.learncodeonline.in11 min read

#reactjs #javascript

Responses3

Markdown supported · ⌘↵ to post

Ayush Bommana

Deep Learning Enthusiast | Turning Ideas into Impactful AI Solutions

Nov 12, 2022

Nice but how to put the amount dynamically instead of hardcoding it as 499?

In the node side, add a new .get() route -> to fetch list of cards data and map in react to show user. When they click pay, make call to .post("/razorpay")

In options object avoid hardcoding of 499, rather use async function and await on "<collection>.findOne()" (or) find().select() whichever you want to use and set that integer value

Anirudh Jwala

i often forget dates. so, i better write down

Nov 12, 2022

Abdur Rahman

Full Stack Developer

Apr 18, 2022

I have a doubt I have multiple price Cards I use firebase as my database how to send the price amount to backend when I click the button thanks in advance

Anirudh Jwala

i often forget dates. so, i better write down

Nov 12, 2022

Hi Abdur, sorry this is really late reply. The ideal way is never send the price amount to backend. Rather send selected courseId by the user and fetch it's corresponding amount directly from the Collection snapshot

Ayush Mukhopadhyay

React.js ❤

Jul 13, 2021

Nice One ❤

Chandravardhan Singh

life of a developer...

Jan 27, 2021

Nice post.