Author: Anik Babu

1.Setting Up React and Tailwind CSS First, create a React project with Then, change directory to the created project: Next, we’ll install the dependencies required for Tailwind CSS: 2.Setting Up CRACO We need CRACO here to override PostCSS configurations and add the tailwindcss plugin. So, let’s first install it: When using CRA, the scripts in package.json look like this:… Continue reading Build a Website with React and Tailwind CSS

1) Install the Stripe Node library npm install –save stripe 2) Load Stripe.js <script src=”https://js.stripe.com/v3/”></script> 3) Define the payment form <form id=”payment-form”> <div id=”card-element”> <!–Stripe.js injects the Card Element–> </div> <button id=”submit”> <div class=”spinner hidden” id=”spinner”></div> <span id=”button-text”>Pay now</span> </button> <p id=”card-error” role=”alert”></p> <p class=”result-message hidden”> Payment succeeded, see the result in your<a href=”” target=”_blank”>Stripe dashboard.</a> Refresh the… Continue reading Stripe API integration in Svelte