In this tutorial, I will give you the complete JavaScript source code of the Google Maps Distance Matrix API example. You will learn how Google Maps Distance Matrix API measures the distance and calculates the journey duration between multiple locations (origins and destinations). First of all, create a new HTML5 file on your computer and … Read more
In this tutorial, I will teach you how to Save Gmail Attachments to Google Drive Automatically Using Google Apps Script. Basically, I will give you a small code snippet that you have to copy/paste inside Google Apps Script editor to enable the transfer of Gmail Attachments (PDF & Images) to Google Drive. Step 1:- Open … Read more
In this tutorial, you will learn how to implement Speech to Text and Text to Speech functionality using JavaScript. Basically, we will build a Voice Note-Taking App from scratch. Live Demo This app uses the Web Speech API to build a voice-powered note app to do 3 things: Take notes by using voice-to-text or keyboard … Read more
You might be wondering whether is it possible to track someone on Omegle. The answer is: Yes, we can track Omegle users. To do so, we need to find and track Omegle IP address of the user. So, today we will be creating an Omegle IP Tracker using JavaScript. I have written this step-by-step tutorial … Read more
App.js App.css characters.js message.js Screenshot
Full Example with Source Code App.js Here we have a simple button to show alert messages. When we click this button the toastify alert notification will show in the center position as we had given the position top-center. Now, if you run the app, you will see something like the below screenshot. As you can see we are showing the error notification message. Now, … Read more
Notyf is a minimalistic JavaScript library for toast notifications. It is responsive, A11Y compatible, dependency-free, and has a very lightweight footprint (~3KB). Notyf can be easily integrated with React, Angular, Aurelia, Vue, and Svelte. Features Responsive A11Y compatible Strongly typed codebase (TypeScript Typings readily available) 4 types of bundles exposed: ES6, CommonJS, UMD, and IIFE … Read more
App.js MessageButtons.js
In this tutorial, you will learn how to make a video streaming website that lets you upload and view videos, like/dislike them, and comment on others (just like YouTube). This Youtube Video Streaming Clone is built using the MERN stack (MongoDB, ExpressJS, ReactJS, NodeJS) and FFmpeg. A download button is given at the end of … Read more