There are a few ways of building a tool for real-time communication. Two of the most popular approaches presuppose the use of HTTP Long Polling or WebSockets. In the article below, you’ll find a brief comparison of both solutions. I decided to focus on the latter solution a little bit more. That’s why in the article, you’ll find a straightforward Socket.io tutorial for building a real-time chat.

What are WebSockets?

WebSockets API is a technology providing a bidirectional communication channel between a client and a server. …

React remains one of the most popular frontend technologies thanks to its simplicity and flexibility achieved through long-established development choices. In the latest version, the React team decided against changing them that much. Aside from a couple minor improvements, it remains the same. Except for one big change, which has the potential to greatly accelerate the growth of React and the adoption of its new features in the long run.

Did you know that React is already 7 years old? Time sure flies fast. During this time, React has become one of the most ubiquitous web technologies. In fact, according to the latest Stack Overflow 2020 survey, React is the most in-use frontend framework among developers (only behind the jQuery library, but ahead of all full-fledged frameworks). …

Today I’ll be showing on how to send email from your web application by integrating it with Nodejs. You can use any frontend technology, that has no problem. By sending your email sending request to an API built using Nodejs, you can automatically send emails, in any circumstances.

This email sender engine supports all kind of email providers (gmail, yahoo, outlook & etc) but for this article I’ll be building using Gmail.

To get started you will need to create email instance inside the email providers.

For GMAIL users:

Iam a big fan of football before everything else; I play it every weekend with my friends. Also I used to play foosball at my office in the break time. Foosball is a great team game could be played by four or two players by dividing into teams.

So, what is foosball?

A tabletop version of soccer in which players turn rods fixed on top of a playing box and attached to miniature figures of players, in order to flick the ball and strike it toward the goal.

Below image shows how 2 players are playing a mini foosball game:

I’m a big fan of football before everything and I play football on every weekend with my friends. Also I used to play foosball at my office in the break time. Foosball is a great team game could be played by four or two players by dividing into teams.

So, What is foosball?

A tabletop version of soccer in which players turn rods fixed on top of a playing box and attached to miniature figures of players, in order to flick the ball and strike it toward the goal.

Below image shows how 2 players are playing a mini foosball game:

WhatsApp is a messaging service used by people all over the world. With Twilio’s Messaging API you can programmatically send WhatsApp messages. I was able to successfully integrate Whatsapp and send messages with Node.js.

Let’s walk through how to use JavaScript to send a message over WhatsApp.

Development Environment Setup

Let’s start by making sure we have the right software installed and set up that we’ll need to use for the rest of this article.

• Node.js and npm installed (do this first if you haven’t already)
• A free Twilio account with an activated WhatsApp Sandbox
• The Twilio Node library

Sign up for Twilio and activate the Sandbox

Right now it is very important to wear facemasks, oftentimes we don’t really know if we are wearing our masks correctly. It is really important to make sure that the masks cover our mouths, chins, and noses completely.

I spent on this project in order to make the face mask detection accurate to perfectly identify who has wear mask properly and who hasn’t. I have used Tensorflow in this project to build it with sample image set.

Today we will look on how to make movable drag & drop divs to make our diagram interactive.

We sometime have to create web pages including Diagram creations and flow creations, to make it interactive. We can use Angular Material modules to achieve this easily. You could easily create a div of any shape and add these following codes to make it movable inside your web application.

I came to write about this title, because two days back I had to create a Complete Graphical Integration Work Flow Engine using Angular. Then I researched about it and found less resources regarding it. Then once I developed it I thought of sharing it with you all as well. …