JavaScript Google Maps Distance Matrix API Example to Find Distance & Time Between Two Addresses

Default Featured Image

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

React.js react-toastify Show Colorful Alert Toast or Notification Messages

Default Featured Image

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

Show Alert Notification Messages Using React.js Notyf Library

Default Featured Image

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