In this tutorial, you will learn how to utilize the OMDb API to build a movie info finder web app using HTML5, CSS3, JavaScript, and Bootstrap 4. The complete source code of the OMDb API movie info finder web app is given below. Source Code of OMDb API Movie Info Finder Web App in JavaScript … Read more
In this article, you will learn how to make WYSIWYG rich text editor using React and Draft.js. The source code of this React WYSIWYG editor is given below. At the end of this article, I have provided links to view the Live Demo and Download the full source code from GitHub. Project Screenshot Here’s a … Read more
In this tutorial, you will learn how to display an HTML5 <select> element that contains a list of all the countries with their phone dial codes. Project Screenshot Here’s a screenshot of our HTML5 select dropdown that you will be creating today. Source Code of HTML5 Select Element Example Containing All Countries With Phone Dial … Read more
In this tutorial, I will teach you how to embed Google Maps with a marker using Angular 13, TypeScript, and Google Maps JavaScript API. The complete source code of Angular Google Maps integration is given below. Source Code of Angular 13 Google Maps JavaScript API Example app.component.ts Important Note: On line # 18, replace ###your_api_key### … Read more
In this tutorial, you will learn how to add an image from a URL to a PDF document using the jsPDF library. Basically, instead of using jsPDF.js library, we will use the jsPDF.debug.js because it includes all the modules which we need. The complete source code to add images from URL to PDF using JavaScript library jsPDF is given … Read more
In this tutorial, you will learn how to use the tkvideoplayer library with Python to create an advanced MP4 video player desktop application. Our video player will have all the required GUI controls to open an mp4 file, play, pause, and stop the video. Install Dependencies How to Use tkvideoplayer Library? Advanced MP4 Video Player … Read more
In this tutorial, you will learn how to integrate the Stripe payment gateway with React, Node.js, Express app. We will use the react-stripe-checkout library to collect the payment from our users. Project Screenshots Here are some screenshots of the React Stripe Checkout app that you will be creating today. Create React App for Stripe Integration … Read more
In this tutorial, I will teach you how to deploy an app that is built using React, Node.js, and Express to Heroku. Let’s get started by creating two folders “client” and “server” on your PC. For the sake of this tutorial, we will use these folders to separate our client and server-based code respectively. Inside … Read more
In this tutorial, you will learn how to send an email and view inbox messages using JavaScript Gmail API. I have provided the complete source code of Gmail API JavaScript example below. Project Screenshots Here are some screenshots of Gmail API JavaScript example app that we will be creating today. Gmail API JavaScript Example index.html … Read more
In this tutorial, you will learn about Stripe Angular integration. Basically, we will integrate the Stripe payment gateway inside a project that is built using Angular 13, Node.js, Express, and TypeScript. I have provided the complete source code of the Stripe Angular integration example in this article. Stripe Angular Integration Example Source Code We start … Read more