Websites | Apps | Designer & Developer
Image for post
Image for post

In this tutorial, we will learn how to track user journeys, and based on that, send highly targeted emails to users.

With Klaviyo, you can set up an automated sequence that can be activated by setting up a specific trigger. This is what is known as Flow. Klaviyo Flows can be built to send timely communications to recipients. They can apply certain actions, like sending abandoned cart email to users when they add a product to the cart but does not checkout within a period of time.

So, without further ado, let’s get started.

Setup Klaviyo

  • Setup a Klaviyo account from here

Image for post
Image for post

In this tutorial, we will learn how to set up file uploads to DigitalOcean spaces.

We will be using Node.js for the server and React for the frontend. Without wasting any time, let’s get started.

Install Packages

  • DigitalOcean spaces use AWS under the hood so we will make use of the aws-sdk package for file uploads and formidable-serverless package to retrieve a sent file on the server. Use below command to add packages.
npm install --save aws-sdk formidable-serverless// ORyarn add aws-sdk formidable-serverless

Configure AWS


Image for post
Image for post

Following this piece, you will understand how to set up Twilio SMS API to send SMS and Twilio SendGrid API with MJML to send Responsive emails. Following this, you can set up urgent SMS reminders to users and send responsive marketing or other kinds of emails.

We will be using Node.js for the server. Let’s get started.

Send SMS

  • For Twilio SMS API you can set up your account here. Keep note of your Twilio Account SID (username) and your Auth Token, can be viewed here. …


Image for post
Image for post

In this tutorial, we’ll learn how to set up the Zoom Oauth app and allow users to create, update, delete zoom meetings from your portal itself. Useful for businesses where users have to create an online meeting and then share it with others.

We will be using React for front-end and Nodejs for the server. So, without further ado, let’s get started.

Create a Zoom OAuth app on the marketplace

  • Follow this guide to create an OAuth app.
  • Make a note of Client ID, Client Secret and Redirect URL
  • For this tutorial, we will need the following scopes: meeting:read, meeting:write and user:read
  • Note: You will need to get…


Image for post
Image for post

In this second part of the series, we will use Stripe to charge saved card, dive into Stripe products, invoices, subscriptions, schedules.

If you don’t know how to create a Stripe customer and save their card details, please check my previous post.

Retrieve saved card details

On your server, you can call stripe paymentMethods list method to retrieve saved card details of a customer.

stripe.paymentMethods.list({
customer: data.customerId,
type: "card",
});

It would return an object with a data attribute containing the list of user’s stored card details. Pass it to frontend and allow users to pick one of the cards. …


Image for post
Image for post

In this first part of the series, we’ll use Stripe PaymentIntent API to accept a payment, create a Stripe Customer and save card details for future payments.

We will be using React for the frontend and Node for the server.

Accept a payment

1. Set up the server

  • Install the Stripe Node library
npm install --save stripe
  • Create a PaymentIntent
// Specify Stripe secret api key here
const stripe = require("stripe")("stripe_secret_api_key");
// Create a PaymentIntent with the order amount and currency
const paymentIntent = await stripe.paymentIntents.create({
amount: 1200, // Specify amount here
currency: "usd" // Specify currency here
});
// Return client secret…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store