Demo Link: https://mehulk05.github.io/Blog-Book/#/create-post

Documentation: https://www.npmjs.com/package/ngx-quill

Rich text editors or What You See Is What You Get editors to provide a full-featured text area where users can do text formating, add multi-media content, use emojis, use text heading change text size or color, etc.

In this tutorial, we will learn How to add a Rich Text editor in the Angular application by using a very popular and expert plugin named Quill. The Quill Rich text editor provides many extended features as well like Autosave, Resize Text headings, giving styles to paragraphs, and a lot more

Implementation of the Quill edition is…

Github: https://github.com/mehulk05/MyShop

Demo Link: https://mehulk05.github.io/MyShop/#/

Blogger Link: https://blogs-by-mehul.blogspot.com/2020/12/read-data-from-google-spreadsheet-in.html

If you’ve ever found yourself asking ‘how can I access Google Sheet spreadsheets with JavaScript?’, then you’re probably not alone. You only have to type something like ‘reading google sheets data using javascript’ into Google and you’ll be inundated with a bevy of solutions to this conundrum.

The problem is, in my experience, they’re either very complex and overblown, or quite difficult to get up and running with (e.g. poor documentation), or they’re just a bit too prescriptive with how they serve you those precious results. …

Github:https://github.com/mehulk05/Blogapp-using-MERN

Live Demo:https://mehulk05.github.io/Blogapp-using-MERN/

Blog: https://blogs-by-mehul.blogspot.com/2020/10/authentication-in-mern-stack-using-jwt.html

A live demo

JSON Web Token is one of the best standards to implement an authentication system in your MERN stack app. In this article, we will just have look at authentication in the MERN stack app using JWT.

What is JSON Web Token?

JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties as a JSON object

When should you use JSON Web Tokens?

Here are some scenarios where JSON Web Tokens are useful:

• Authorization: This is the most common scenario for using JWT. Once the user is logged in, each subsequent request will include the…

Github:https://github.com/mehulk05/Blogapp-using-MERN

Live Demo:https://mehulk05.github.io/Blogapp-using-MERN/

Blog: https://blogs-by-mehul.blogspot.com/2021/01/blog-app-using-mern-stack.html

A demo of what we are creating

Let us understand what does MERN stack means.

• Mongo DB – It’s an open-source NoSQL cross-platform document-oriented database.
• Express JS – It’s a web-based application framework work with Node JS, It helps to build web apps and RESTful APIs.
• React– React is a JavaScript library created by Facebook. React is a User Interface (UI) library. React is a tool for building UI components
• Node JS – It is a free JavaScript run-time environment, It executes JavaScript code outside of a browser. It is available for macOS, Windows, Linux, and Unix.

I will be using the following plugins and tools to create the MERN Stack app.

• Node JS
• MongoDB
• Mongoose JS
• Express JS
• ReactJS
• Visual Studio Code

#1 Setup Node JS development environment

Follow this link to set up Node…

GitHub URL: https://github.com/mehulk05/Blog-using-mean

Live Demo: https://mehulk05.github.io/Blog-using-mean/#/

Blog: https://blogs-by-mehul.blogspot.com/2021/01/authentication-using-jwt-in-mean-stack.html

A live demo

JSON Web Token is one of the best standards to implement an authentication system in your MEAN stack app. In this article, we will just have look at authentication in the MEAN stack app using JWT.

What is JSON Web Token?

JSON Web Token (JWT) is an open standard (RFC 7519) that defines a compact and self-contained way for securely transmitting information between parties as a JSON object

When should you use JSON Web Tokens?

Here are some scenarios where JSON Web Tokens are useful:

• Authorization: This is the most common scenario for using JWT. Once the user is logged in, each subsequent request…

A blog on how to do crud operation using mean stack application from scratch

Github:https://github.com/mehulk05/Blog-using-mean

Live Demo:https://mehulk05.github.io/Blog-using-mean/

Video Explanation: https://www.youtube.com/watch?v=0iqnZgLwNIY

A demo of what we are creating

Check out the video for a complete explanation

Let us understand what does MEAN stack means.

• Mongo DB – It’s an open-source NoSQL cross-platform document-oriented database.
• Express JS – It’s a web-based application framework work with Node JS, It helps to build web apps and RESTful APIs.
• Angular 7/8/9 – Its a TypeScript based complete front-end framework developed by the Google team.
• Node JS – It is a free JavaScript run-time environment, It executes JavaScript code outside of a browser. It is available for macOS, Windows, Linux, and Unix.

I will be using the following plugins and tools to create the MEAN Stack app.

• Node JS
• MongoDB
• Mongoose JS
• Express…

Github:https://github.com/mehulk05/Chat-app-using-Nodejs

Live Url:https://chatapp-using-node.herokuapp.com/

Blogger Link: https://rb.gy/b5xgvb

In this tutorial, we will use the Node.js platform to build a real-time chat application that sends and shows messages to a recipient instantly without any page refresh. Also, we have some validations like if the username is taken then we will have to choose some other username. If two users are in the same room then only they can see the message of each other

Before we start, let’s have a quick look at the prerequisite

Prerequisite:

• Basics of Node.js
• Good understanding of Javascript
• Basics of Jquery

Node.js

Node.js is an open-source, cross-platform JavaScript run-time…

GitHub link:https://github.com/mehulk05/Two-way-data-binding-between-components

Live Url:https://mehulk05.github.io/Two-way-data-binding-between-components/

One of the major features of angular is two-way data binding in components. But, Angular also focuses on splitting the work into smaller components. Now there can be situations where you have split your task into the smaller components but then you come up with another requirement that you also want two-way data binding between your components. How you will achieve it. In this article, we will look at the same concept of two-way data binding between your two components from scratch.

What is two-way data binding

Two-way data binding can be achieved using a ngModel directive in Angular. The below…