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
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.
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
Here are some scenarios where JSON Web Tokens are useful:
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 componentsNode 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.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
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.
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
Here are some scenarios where JSON Web Tokens are useful:
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
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.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
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.
Two-way data binding can be achieved using a ngModel directive in Angular. The below…
Medium is becoming the popular platform for writing blogs, writing about your projects, and a lot more. On the other hand, React is also becoming very popular among the developers to create dynamic responsive web applications. In this article, I am going to show how you can embed medium blogs on your react app using API. Using the same API you can embed medium blogs on any frontend web applications. In this article, I am going to say how to start from scratch.
First, we need to create a react application. For that run the following command in your shell/terminal…
Live Demo: https://mehulk05.github.io/NewsApp-using-React
Github:https://github.com/mehulk05/NewsApp-using-React
RSS feed Link:https://www.abplive.com/rss
There are several instances where it’s important to show new updates in realtime. This could be in the form of displaying live activities for a sporting event or updating a news feed with breaking news and headlines as they happen.
In this tutorial, I will show how I built my news app using React JS. So what is special in this 3-page application? You can take any API and fetch data using Axios and render it in view. I am writing a blog on this because I am using RSS Feed of ABP…
Mean stack and Full stack Developer. Open to work as freelancer for designing and developing websites.