At this time, Firebase functions don’t natively have the functionality for sending custom emails on their own. Google’s own documentation also suggests one of their own partner platforms like Sendgrid for sending emails. Although you have the option of sending…
Here’s an example of a horizontally Scrollable table in React.js and Bootstrap. For this example, we will not be using any other third-party library or utility except for Bootstrap 5. Since we are just focused on the table, the data…
Here’s an easy way to build a timer using ReactJS. For this simple app, we will use useEffect and useState hooks to initialize and store our app state. What this timer does? It’s a simple timer which goes from 0…
The default behavior of Promise.all in JavaScript is to break the full promise execution chain when one of the promises fails. As you know, Promise.all takes in an array of promises and then returns a promise when all of the…
Let’s say you have a set of asynchronous tasks to do. task1() task2() task3() All three tasks do some operation and then return a promise. What these tasks actually do is not really important just now. We can, for now,…
You will often run into situations where you will need to create lots of useState hooks for managing input states. This particularly happens in the cases where you have a lot of inputs or a multi-step form in ReactJS. It will look…
Docker is pretty cool. Bundling all your app environment in a single file is just awesome. It saves you a lot of headaches when dealing with dependencies/setup and other environment issues when creating a stable build system for your production…
In this article, we will discuss a simple way for you to map a Cloudflare worker on a subdomain on your website. Let’s say you have a website (example.com) from where you want to call an external API on Ordinarily,…
The Realtime Database API in Firebase is based on callbacks. This could be fine for you if you are maintaining a codebase which is a few years old. But, if you prefer a Promise, or better yet async await approach, you will be…
Relying on 3rd party services to handle some part of your business logic is a common practice. You might use SendGrid to send emails, Google Cloud Bucket Storage API to store some binary blob or Twilio for sending SMS to…
Rotating an element in HTML using CSS is pretty simple, really. Add the following CSS to the element that you want to rotate. animation: spin 2s infinite; Now, in the same CSS file, create a @keyframe @keyframes spin { 0% {…
When a user signs up for your app, Firebase creates their profile in Firebase Authentication. This is great because most of the hard stuff like OAuth and validation is being handled automatically for you. This, however, has its limitations. Auth…